使用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);
    }