Как создать DropDownlist (Kendo UI для jquery) с элементами списка, имеющими разные размеры шрифта - PullRequest
Новая
       48

Как создать DropDownlist (Kendo UI для jquery) с элементами списка, имеющими разные размеры шрифта

0 голосов
/ 02 марта 2020

Я хочу создать интерфейс Kendo (для jquery) DropDownList с несколькими элементами списка, чтобы размер шрифта каждого элемента списка был разным. Допустим, в DropDownList есть 3 элемента, тогда каждый из трех должен отображаться с разным размером шрифта. Возможно ли это?

1 Ответ

1 голос
/ 02 марта 2020

Конечно, одна из возможностей - вернуть размер шрифта в источнике данных. 

 var data = [
    { text: "Black", value: "1", fontSize: "12px" },
    { text: "Orange", value: "2", fontSize: "18px" },
    { text: "Grey", value: "3", fontSize: "24px" }
 ];

Затем использовать шаблоны DropDownList kendo для valueTemplate и template: 

$("#color").kendoDropDownList({
    dataTextField: "text",
    dataValueField: "value",
    valueTemplate: '<label style="font-size: #:fontSize#">#:data.text#</label>',
    template: '<label style="font-size: #:fontSize#">#:data.text#</label>',
    dataSource: data,
    index: 0,
    change: onChange
});

Это модифицированная версия примера кендо: размер шрифта на элемент

...