I have a kendo ui jquery datasource that I'm using to populate my grid. I have added a custom toggle switch to show only active accounts or show all accounts. The switch works by calling the following function on change:
$(".my-page").on("change", "#myTableStatusToggle", function () {
if ($("#myTableStatusToggle:checked").length > 0) {
dataSource.filter({});
} else {
dataSource.filter({ field: "Status", operator: "eq", value: "Active" });
}
});

I have configured a grid and have set up the pager
pageable: {
refresh: true,
pageSizes: false,
buttonCount: 5,
},
This works everywhere else but in one grid where it shows a dropdown with page numbers
as soon as I open dev tools it changes
How can I get rid of that ?
Hello
I have installed the latest commerical KendUI JQuery : kendoui.for.jquery.2021.2.511.commercial.zip
When I copy/paste the example from https://docs.telerik.com/kendo-ui/api/javascript/ui/expansionpanel/configuration/title to my local project I got this error message:
TypeError: $("#expansionPanel").kendoExpansionPanel is not a function. (In '$("#expansionPanel").kendoExpansionPanel({
title: "Lorem ipsum"
})', '$("#expansionPanel").kendoExpansionPanel' is undefined)
I'm using many others widgets, never had such a case. Also PHPStorm does not color ".kendoExpansionPanel" in the code to let me know it can't be resolved. I'm working with JQuery 3.5.1 but that is probably not the problem.
Did I miss anything?
Hi, Using the demo site https://demos.telerik.com/kendo-ui/scheduler/import-export-ical I have added a all day event that expands 2 days, and then exported that data, when I import the data it changes to a 1 day event, is this a ical.js issue?,
export and then import i get
Thanks
Hello,
How can I get the text and the value of the button pressed? Right now it only appears to return the value which is not what I want the user to see. Like in this example it should say option 1 when you click on option 1 and not show value 1 but pass it back for use in the code.
https://dojo.telerik.com/OkoCIxIT
How can I get this to work properly?
Thanks -Tim
Hi Admin and Everybody,
As the title, Currently I have read all data from the folder to the corresponding items of folder. But data children ( see picture 1.png ), can not reload when using ".read()".
When I using code call ".read". Only the area on the left hand side reloads, and the area on the right hand side doesn't happen.
More specifically, it's the children data area that doesn't reload when call ".read()"
$("#filemanager").data("kendoFileManager").dataSource.read(); // my code call .read()My code will show all data to file manager:
$("#filemanager").kendoFileManager({
dataSource: {
transport: {
read: function (options) {
var that = this;
$.ajax({
url: "my url",
dataType: "json",
method: "POST",
data: that.parameterMap ? that.parameterMap(options.data, "read") : options.data,
success: function (result) {
options.success(result);
}
});
},
},
schema: {
data: 'data',
model: {
id: 'path',
children: 'items'
}
}
},
toolbar: {
items: [
{ name: "custom", type: "button", text: "Create", command: "MyCustomCommandCreate" },
{ name: "custom", type: "button", text: "Upload", command: "MyCustomCommandUpload" },
{ name: "sortDirection" },
{ name: "sortField" },
{ name: "changeView" },
{ name: "spacer" },
{ name: "details" },
{ name: "search" }
]
},
contextMenu: {
items: [
{ name: "rename" },
{ name: "delete" },
{ name: "custom", text: "Detect", command: "MyCustomCommandDetect", spriteCssClass: "k-icon k-i-info" }
]
},
draggable: true,
resizable: true
});My json data has a structure similar to that of demo from docs Kendo ( https://docs.telerik.com/kendo-ui/api/javascript/ui/filemanager/configuration/datasource ) - EXAMPLE
Image show you my Json Data inside url link: ( 1.png )

I don't know what happend with my Kendo Image Editor. It add more Kendo Image Editor to Kendo Window.
I only transmit one link from the data source.
My Json in data source only has 1 link, but when I open kendo window, it crashes.
When it call dataSourceGetImageUrl.read(); it will add new one more kendo Editor
Info in my image: https://ibb.co/hcx2ck7
My code:
var dataSourceGetImageUrl = new kendo.data.DataSource({
transport: {
read: function (options) {
$.ajax({
url: "/_layouts/15/VuThao.TrainSharepoint/API/ApiHandler.ashx?tbl=like&func=getimageurl",
type: 'GET',
cache: false,
scriptCharset: "utf8",
dataType: "json",
data: {
models: kendo.stringify(options.data.models)
},
success: function (result) {
options.success(result);
}
});
},
},
schema: {
data: 'data',
model: {
id: "imageUrl"
}
},
change: function (e) {
var view = dataSourceGetImageUrl.view()[0].imageUrl;
$("#imageEditor").kendoImageEditor({
imageUrl: view,
width: "100%",
height: 650,
saveAs: {
fileName: "image_edited.png"
}
});
var imageEditor = $("#imageEditor").getKendoImageEditor();
imageEditor.one("imageRendered", function () {
imageEditor.executeCommand({ command: "ZoomImageEditorCommand", options: imageEditor.getZoomLevel() - 0.2 });
});
}
});Every time execute:
dataSourceGetImageUrl.read(); //it will add kendo image editor one more time
Hi Team,
In the demo example here, for kendo-angular-ui, we have an option to make "summary: 'runningTotal'" of intermediate data, like for Q1, Q2 etc.
Is there a similar option for the ui-jQuery version also. It will be great if you can point me to the doc for this. I see that there are not many option available for waterfall charts or i'm not seeing the right doc ?
Is Stacking allowed in waterfall charts ?
If there are other features as well for waterfall ui-jquery, kindly indicate them.
Thanks,
Chetan
Hello ,
I had a hierarchical grid and I want to export it to excel (JavaScript )
The file is generated successfully but only the principal grid is exported.
Also I want to export hidden column.
Thank you for your prompt reply

Hi Admin and everybody,
I am working with dataSource for Image Editor.
I completed get data and give it for Kendo Image Editor.
But, I cannot use it with "autoBind: false" to stop load when start page like Title or call it with .read().
This is my code:var dataSourceGetImageUrl = new kendo.data.DataSource({
transport: {
read: function (options) {
$.ajax({
url: "/_layouts/15/xxx/API/ApiHandler.ashx?tbl=like&func=getimageurl",
type: 'GET',
cache: false,
scriptCharset: "utf8",
dataType: "json",
data: {
models: kendo.stringify(options.data.models)
},
success: function (result) {
options.success(result);
}
});
},
},
schema: {
data: 'data',
model: {
id: "imageUrl"
}
}
});
dataSourceGetImageUrl.fetch(function () {
var dataSource = dataSourceGetImageUrl;
var view = dataSourceGetImageUrl.view()[0].imageUrl;
$("#imageEditor").kendoImageEditor({
autoBind: false, //It not working.It still read when my page start
dataSource: dataSource,
imageUrl: view,
width: "100%",
height: 650,
saveAs: {
fileName: "image_edited.png"
}
});
var imageEditor = $("#imageEditor").getKendoImageEditor();
imageEditor.one("imageRendered", function () {
imageEditor.executeCommand({ command: "ZoomImageEditorCommand", options: imageEditor.getZoomLevel() - 0.2 });
});
});
I tried call .read() with code. But it not working
$("#imageEditor").data("kendoImageEditor").dataSource.read();
//OR
dataSourceGetImageUrl.read(); // All both not working. I cannot call .read() to reload dataSourceGetImageUrl