Hi, we used Kendo for a while, and during all our experiences, we found that one thing is missing from all documentation:
All the available properties of an "item", when we load a component from a dataSource.
The closest from a documentation I found is this one:
https://docs.telerik.com/kendo-ui/api/javascript/ui/menu/configuration/datasource
But, to get all available properties of item, we must read tons and tons of documentation, and guess them!
I am sure you have an official list of what this "item" should be?
This same item seems to be available in
- menu + contextMenu
- panelBar(accordion)
- treeview
- and more...
I think you should create 1 single page of documentation for how an "item" can be configured.
I may have almost all of them there, but I'm not sure:
var sampleItem = { text: "<b>texte</b>", encoded: true, // default, allow htmlEncode of "text" property cssClass: "itemClass", // apply style to "text" // url: "http//xxx", //used to open link on click attr: { data_key1: "value1", data_key2: "value" }, //may be used on "select" event // content + contentAttr -- DO NOT USE :D content: "text", //ignore all templating, and set this raw text as subitem content. contentAttr: { style: 'border: 1px solid red; padding: 2px;', // Add attributes to the content container data_key3: 'value3' }, imageUrl: "/img/sample.png", imageAttr: {// Add additional image attributes alt: 'Image', height: '25px', width: '25px' }, items: [{ text: "child1" //recursive... }], spriteCssClass: "spriteClass", // can be used to append icon before text?? select: function (e) { console.log("select"); }};