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.

images/s/ti67az/8401/0f22f74a0c673511e48ab1bc7ae6af4388aa8dbf/_/images/icons/emoticons/check.svg

"dataTextField": "Land"

dataValueField

The value that is read from or written to the entity (reference to the model).

images/s/ti67az/8401/0f22f74a0c673511e48ab1bc7ae6af4388aa8dbf/_/images/icons/emoticons/check.svg

"dataValueField": "Landdeutsch"