使用KendoUI for MVC3将数据从数据库获取到组合框

Question

我在KendoUI中使用MVC3。

我可以通过将值手动传递到组合框来检索数据，并且可以在执行时看到组合框中的值。

这是通过手动传递值

            $("#input").kendoComboBox({
                dataTextField: "text",
                dataValueField: "value",
                dataSource: [
                        { text: "Cotton", value: "1" },
                        { text: "Polyester", value: "2" },
                        { text: "Cotton/Polyester", value: "3" },
                        { text: "Rib Knit", value: "4" }
                    ],
                filter: "contains",
                suggest: true,
                index: 3
            });

现在，我需要从SQL Server 2008中检索数据。

说我的表名称是产品

---

产品名称<-这是我的列名称，后跟其中的值。 abc def ghi

我怎样才能做到这一点 ？

我对KendoUI和MVC都是新手。

请帮忙

谢谢，

Answer 1

哟队友，

组合框的客户端配置应与此非常相似。 http://demos.kendoui.c​​om/web/combobox/remotedatasource.html

例如

<script>
  jQuery("#products").kendoComboBox({
    "dataSource": {
        "transport": {
            "read": {
                "url": "/razor/web/Home/GetProducts",
                "data": function() {
                    return kendo.ui.ComboBox.requestData("#products");
                }
            }
        },
        "serverFiltering": true,
        "filter": [],
        "schema": {
            "errors": "Errors"
        }
    },
    "dataTextField": "ProductName",
    "dataValueField": "ProductID",
    "filter": "contains"
});​
</script>

使用sever方法的这种配置，您需要创建一个返回JsonResult的操作方法，最重要的部分是集合中的每个对象都应包含名称为ProductName和ProductID的属性，这些属性代表用于组合的名称和ID。

public JsonResult GetProducts(string text)
    {
        var northwind = new NorthwindDataContext();


        var products = northwind.Products.Select(product => new ProductViewModel
        {
            ProductID = product.ProductID,
            ProductName = product.ProductName,
            UnitPrice = product.UnitPrice ?? 0,
            UnitsInStock = product.UnitsInStock ?? 0,
            UnitsOnOrder = product.UnitsOnOrder ?? 0,
            Discontinued = product.Discontinued
        });

        if (!string.IsNullOrEmpty(text))
        {
            products = products.Where(p => p.ProductName.Contains(text));
        }

        return Json(products, JsonRequestBehavior.AllowGet);
    }