绑定来自ajax post结果的kendo下拉列表

时间:2017-03-31 08:16:40

标签: jquery json kendo-ui

我已经搜索了好几个小时但还没有得到任何解决方案。

这是剑道下拉列表

 <div id="formMain" class="at-form>
  <span data-name="ERP_DimensionCodesList" id="ERP_DimensionCodesList" data-type="picklist"></span>
</div>

这里是ajax调用

  window.Page.Data.getDimensionCodeList = function (dimension, company) {
            window.Page.get(
                "/api/ERPIntegrationDimensionSetup/GetDimensionCodeList"
                , { dimension: dimension, company: company }
                , window.Page.Data.dataReceivedDimension
            );
        }
        window.Page.Data.dataReceivedDimension = function (data) {
            debugger;
 var dataSource = [];
            for (i = 0; i < data.length; i++) {
                dataSource.push({ text: data[i].ListID, value: data[i].ListName })
            };
            $("#ERP_DimensionCodesList").kendoDropDownList({
                dataTextField: "text",
                dataValueField: "value",
                dataSource: dataSource
            });
}

enter image description here

如上图所示,数据不为空,但在下拉列表中不是绑定数据。怎么实现呢?任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

我认为,问题是你的dataTextField&amp; dataValueField声明。 设置dataSource是不够的。您应该根据对象属性声明dataTextField和dataValueField。 在你的情况下它应该是这样的:

..
dataTextField:"ListName",
dataValueField: "ListID",
..