When using the Kendo Window in JQuery or MVC, you can bypass the constrained area by pinning the window and then attempting to move it. Is this expected behavior?
You can see an example by going to your online demos, pin the window, then attempt to move it.
https://demos.telerik.com/kendo-ui/window/constrain-movement
<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" href="styles/kendo.common.min.css" /> <link rel="stylesheet" href="styles/kendo.default.min.css" /> <link rel="stylesheet" href="styles/kendo.default.mobile.min.css" /> <script src="js/jquery.min.js"></script> <script src="js/kendo.all.min.js"></script> </head><body><div id="example"> <div id="container"> <div id="window"> <p>Alvar Aalto is one of the greatest names in modern architecture and design. Glassblowers at the iittala factory still meticulously handcraft the legendary vases that are variations on one theme, fluid organic shapes that let the end user decide the use. </p> </div> </div> <script> $(document).ready(function() { $("#window").kendoWindow({ width: "300px", height: "200px", draggable: { containment: "#container" }, title: "About Alvar Aalto", actions: ["Minimize", "Maximize", "Pin"] }).data("kendoWindow").open(); }); </script> <style> #container { height: 400px; width: 600px; position: relative; border: 1px solid rgba(20,53,80,0.14); } </style></div></body></html>

I've been trying to get this working for a few days and no solution. I have a [delete] button on each row of my grid and when I click it, it never calls the destroy method in the data source. I have the same issue when trying to create as well, Read works fine: Am I missing something, wrong format, etc.
Datasource:
var ds = new kendo.data.DataSource({ transport: { create: { url: '@Url.Action ("CreateSales", "Sales", new { area = "sales"})', datatype: "JSON", type: "POST", cache: false, complete: function(xhr, status) { $("#sales").data.('kendoGrid').datasource.read(); } }, destroy: { url: '@Url.Action("RemoveSales", "Sales", new { area = "sales"})', datatype: "JSON", type: "POST", complete: function(xhr, status) { $("#sales").data('kendoGrid').datasource.read(); } } , parameterMap; function (items) { return $.param(items); }}});$("#sales").kendoGrid( { dataSource: ds, pageable: true, scrollable: true, sortable: { mode: 'multiple' }, height: 440, toolbar: [{ name: "create", text: "Save" }, ], columns: [ { field: "Name", title: "Name", width: "300px" }, { field: "Location", title: "Location" }, { command: ["destroy"], title: " ", width: "100px" }, ] });and the method in the controller: the delete/destroy never calls this
[httpPost]public JsonResult RemoveSales(Sales items){ //calls stored procedure to delete the user}Hi,
I've recently updated my KendoUI For jQuery library to the latest version, 2020.1.114. The update has introduced a bug into my code however. In the Release History, https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-r1-2020 it lists the following statement as a bug fix for the Button widget:
"Button remains highlighted when clicking and dragging"
A particular feature in my project makes use of setting the active state of a kendo button to active to create the equivalent of a "button checkbox". Except now, once I mouse-away from the button I just made active, its active state is removed.
I've created a Dojo example https://dojo.telerik.com/AKUdABat/7. Click the primary button and note that both buttons are set as active, then mouseout. The primary button's active state is removed, and Im confident its due to the button widget fix I previously mentioned.
Please advise on how i can prevent this from happening, or another way of setting the active state of a clicked button without it being reverted.
Thanks in advance,
Grant
I have a scenario where I am using the popup editor and a custom template to edit items in the grid. The template has all of the fields that are part of the datasource that is bound to the grid as well as some additional fields that are not a part of the datasource. In order to submit the extra data, I am doing the following:
1. Setting data-skip=true attribute on the elements that are not bound to to the datasource to prevent binding. For example:
<input
type="radio"name="radio_test_a"id="radio_test1"value="1"data-skip="true"checked>Yes
<input
type="radio"name="radio_test_a"id="radio_test2"value="0"data-skip="true">No
2. In my update function I am getting the extra data and adding it to the ajax data parameter along with the model. For example:
update:
function(options) {
var roles_obj={};
$('#extra_data
input[type=radio]').each(function(){
if($(this).is(":checked")){
roles_obj[$(this).attr('name')]=$(this).val();
}
});
$.ajax({
url:
"api/users/update",
type: "POST",
dataType:
"JSON",
data: {
id:
kendo.stringify(options.data.id),
data:
JSON.stringify({
model:
options.data,
roles:
roles_obj
})
},
success: function
(result) {
options.success(result);
}
//remainder omitted for brevity
3. In the grid edit function, setting the model 'dirty' when the non-data bound fields are changed to ensure the update function is triggered. For example:
$('#extra_data
input[type=radio]').change(function() {
var ds = grid.dataSource;
var item =
ds.getByUid(e.model.uid);
item.dirty = true;
})
My question is this: While the above works and allow me to submit the extra data that is not part of the datasource, I am asking if this solution is tenable or if there is another approach that would be recommended?
Please let me know if further information is needed if it is not clear what I am asking.
I have been using the trial version of DevComplete. I've been building a web app using Kendo UI MVC. Up until this point I haven't had any issues. However, a couple days ago I purchased DevComplete. I installed the production Kendo.MVC dll in my project. Now my app is not working. When I attempt to load any page with a Kendo UI Grid, I am getting a JavaScript error that says kendo.synchReady is not a function.
The actual code that Kendo is generating, in part, looks like this:
kendo.syncReady(function(){jQuery("#grid").kendoGrid({"columns":[{"title":"Last Name","headerAttributes":{"data-field":"LastName","data-title":"Last Name"},"width":"150px","field":"LastName","encoded":true,"editor":"...
Can someone tell me what happened? The only change I've made was to install the production Kendo.Mvc.dll in place of the trial version.
Is there a way to get a value of all cell 1 for every row within the grid without selecting a row on button click?
I want to grab all of the ID's without selecting a row so I can pass those Id's to another function
Grid looks like thisid Name1 Stewart2 Jones3 Smith4 JohnsonI have an application that needs to support QR codes and I am analysing different solutions. Since I am already using kendo in the application I though I should test it. However when I tried with an example I saw that the code generated is not the same as the other QR code generators out there on the internet. All that I tested resulted in the same image, however the telerik resulted in a different image.
What QR code does it generate?
the text I used was "ABC123456789" on
https://racoindustries.com/barcodegenerator/2d/qr-code/
https://www.qrstuff.com/
https://ro.qr-code-generator.com/
https://www.the-qrcode-generator.com/
and all generated the same image but the https://demos.telerik.com/aspnet-core/qrcode/api generated a different image.
Is there a configuration that will generate the same code like the others code generators
I am using a dropdown list that based on the selected item a second dropdown need to be cleared. Selecting an item from the UX fires the change event of the first dropdown and the second one will be cleared only if I trigger the change event manually. If I do that the value of the first dropdown does not get updated. I used select(-1) and value ("-1") and same behavior. Here is my code, I will appreciate any hint on this.
$("#ddl1").kendoDropDownList({ dataSource: [ { value: "1", text: "Option1", priority: 0 }, { value: "2", text: "Option2", priority: 1 }, { value: "3", text: "Option3", priority: 1 } ], dataTextField: "text", dataValueField: "value", optionLabel: { value: "", text: "-- Select one --" } }).change(function (e) { var ddl2 = $("#ddl2").data("kendoDropDownList"); if (this.value == "1") { ddl2.value("-1"); //ddl2.select(-1); //ddl2.trigger('change'); //with this value of ddl2 is cleared ("-- Select one --") and value of ddl1 does not change } else { /**/ } validateSection(4); }); $("#ddl2").kendoDropDownList({ dataSource: [ { value: "Y", text: "Yes" }, { value: "N", text: "No" }, { value: "NA", text: "Refused to answer" } ], dataTextField: "text", dataValueField: "value", optionLabel: { value: "", text: "-- Select one --" }, }).change(function (e) { validateSection(4); });
