kendo-drop-down-list
This component generates a list from the data it receives, from which you can select a value or from which a value is already selected.
Property |
Description |
required |
Example |
listWidth |
The width of the list can be specified here. |
|
"listWidth" : 450 |
optionLabel |
The text to be displayed when no value is selected. This is also not saved.
The translations for "Standard.PleaseSelect" are not taken into account. |
|
"optionLabel": "Hier Wählen", |
template |
If the displayed values within the list are to be edited, e.g. in terms of design, you can work with a template here. You can find more information about the templates here. |
|
"template": "<div style='display: flex'><span style='flex:1;color:${data.IconColor};'># if(data.HasIcon) { # &\\#x${data.IconCode} # } #</span><span style='flex: 3'>${data.Description}</span></div>" |
valueTemplate |
If the selected value in the text box is to be edited, e.g. in terms of design, you can work with a template here. You can find more information about the templates here. |
|
"valueTemplate": "# if(data.HasIcon) { # <span style='margin-right: 10px; color:${data.IconColor};'>&\\#x${data.IconCode}</span> # } #<span>${data.Description}</span>" |
focus |
If the focus is to be on this field when the page is loaded, this property must be set to "true".
Please note that the property "focus" is only set to true for one component, otherwise the last component rendered will receive the focus if several have this property. |
|
"focus": true |
dataSourceURL |
Here you can specify the URL from which data is to be pulled. |
|
"dataSourceUrl": "AddressLookup/GetSpesen" |
dataTextField |
The text to be shown in the list. |
|
"dataTextField": "Land" |
dataValueField |
The value that is read from or written to the entity (reference to the model). |
|
"dataValueField": "Landdeutsch" |