javascript - kendoui 下拉列表中的值没有绑定

Question

我正在使用 kendoui 下拉列表。我正在动态加载下拉列表中的值。我写了这样的代码

   $("#dropdown").kendoDropDownList({
       dataSource:
        {
            transport: {
                read:
                 {
                  url: "/Projects/Dropdown",
                  type: "POST",
                  dataType: "json"
                 }
           },
        },
        dataTextField: "type",
        dataValueField: "type",
        value: "Type2",
      });

在控制器中我定义如下：

    public ActionResult Dropdown(int projectid, int controlid)
    {
       var values = Context.controloptions.Where(i => i.id== id).Select(i => new {              
        type = i.value
       }).ToArray();

       return Json(values, JsonRequestBehavior.AllowGet);
    }

这些值将包含一个数组： [{type="Type1"},{type="Type2"}]。如何通过给出值来绑定“Type2”的值。我正在添加即将到来的价值的屏幕截图。

Answer 1

要么定义DropDownList为：

$("#dropdown").kendoDropDownList({
    dataSource   : {
        transport: {
            read: {
                url     : "/Projects/Dropdown",
                type    : "POST",
                dataType: "json"
            }
        }
    },
    value: "Type2"
});

或将数据返回[{"type":"Type1"},{"type":"Type2"}]并定义DropDownList为：

$("#dropdown").kendoDropDownList({
    dataSource   : {
        transport: {
            read: {
                url     : "/Projects/Dropdown",
                type    : "POST",
                dataType: "json"
            }
        }
    },
    dataTextField: "type",
    dataValueField: "type",
    value        : "Type2"
});