网站搜索

angular - 如何在 kendo combobox 中添加工具提示?


查看 StackBlitz 项目并建议如何为下拉菜单添加工具提示,以便我能够看到 StackBlitz 项目中提到的“Small”、“Medium”和“Large”下拉菜单的工具提示?

答案#1

你可以为组合框的项目定义一个模板,具体是 kendoComboBoxItemTemplate。

将以下内容放入你的下拉框中:

<kendo-combobox [allowCustom]="true"
                [data]="data"
                [textField]="'text'"
                [valueField]="'value'"
                [filterable]="true"
                (filterChange)="handleFilter($event)"
                [placeholder]="'T-shirt size'">
    <ng-template kendoComboBoxItemTemplate let-dataItem>
        <div [title]="dataItem.text">{{dataItem.text}}</div>
    </ng-template>
</kendo-combobox>

你可以在 title 属性中放置任何你想要或需要的内容,用作工具提示。