Question

我有kendo下拉列表，它具有较大的值，并且不会自动与其结果相符。请帮忙。

<div class="col-md-12 no-padding">
<select id="serviceAccounts"
    kendo-drop-down-list
    k-ng-model="vm.customer.serviceAccountId"
    k-value-primitive="true"
    k-options="vm.setServiceAccountOptions" style="width: 100%">

功能

function setServiceAccountOptions() {
vm.setServiceAccountOptions = {
    dataSource: { data: JSON.parse(localStorage.getItem("listServiceAccount")) },
    dataTextField: 'dataTextField',
    dataValueField: 'serviceAccountId',
    change: function () {
    acctSearchService.getServiceAccountsById(this.value())
    .then(getServiceAccountSuccess, getServiceAccountFailure);
    },
    template:
    "<table><tr><td>${ serviceAccountId } : </td><td>${ serviceAccountStatus } </td><td>${ serviceType } - </td><td>${ serviceAddress}</td></tr></table>"
    }; }

This how its looks right now

I want something like this

是否可以使用kendo下拉列表？

Answer 1

文档网站上有一个例子：

http://docs.telerik.com/kendo-ui/controls/editors/dropdownlist/how-to/auto-adjust-the-width

Kendo dropdownList弹出自动宽度

1 个答案: