Question

我希望有多个datatextField列，因为我返回一个自定义List，它返回我的列表，其中包含属性Name，Status和PID，但是我不能在我的DatatextField上使用多个列，即名称和状态，以便我可以使用它们我的模板属性如下所示，

我的模板需要名称和状态列，而我的datavalueField

需要PID

它显示状态未定义的错误

<script>
    $(document).ready(function () {
        $("#prog").kendoDropDownList({
            dataTextField: "Name",
            dataValueField: "PID",
            optionLabel: "...select programme...",
            headerTemplate: '<div class="dropdown-header">' +
                    '<span class="k-widget k-header">status</span>' +
                    '<span class="k-widget k-header">Name</span>' +
                '</div>',
            valueTemplate: '<span class="selected-value">#: Name#</span>',
            template: '<span class="k-state-default">#:  Status#</span>' +
                      '<span class="k-state-default"><h3>#: Name#</h3></span>',
            dataSource: {
                transport: {
                    read: {
                        dataType: "json",
                        url: "@Url.Action("GetProgrammesInfo", "Programme", new { ECID = ViewBag.ECID as int? })"
                    }
                }
            },
            change: function (e) {
                var value = this.value();
                alert(value);
            }
        });

        var dropdownlist = $("#prog").data("kendoDropDownList");
    });
</script>

Answer 1

我想在模板中引用一个不属于textfield或valuefield的属性，你需要使用data.Status。

如果我改用它，它似乎工作。另外，如果我将dataTextField切换到Status，我会在Name上收到错误，如果我将Name更改为data.Name，它会再次起作用。

有些工作样本...... http://jsbin.com/xemef/1/edit

Kendo UI自定义下拉列表 - datatextfield的多列和datavaluefield的单列

1 个答案: