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"
);
}
};