KendoUi学习之旅 DropDownList的使用

最新推荐文章于 2024-06-14 11:20:36 发布

weixin_30566149

最新推荐文章于 2024-06-14 11:20:36 发布

阅读量132

点赞数

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/jiangcm/p/7456542.html

版权

Model

public class Model
{
public int ID { get; set; }
public string Item { get; set; }
public string Price { get; set; }
}

HomeController

public ActionResult GetCategoryList()
{
Model[] ml = new Model[]
{
new Model (){ID = 1, Item = "付款条件" ,Price="10"},
new Model (){ID = 2, Item = "出差区域" ,Price="10"},
new Model (){ID = 3, Item = "税率" ,Price="10"},
new Model (){ID = 4, Item = "信用等级" ,Price="10"},
};
return Json(ml, JsonRequestBehavior.AllowGet);
}

View

<!DOCTYPE html>
<html>
<head>
<style>
html {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<div class="search-panel" id="qqqq">
<input data-role="dropdownlist"
data-auto-bind="true"
data-text-field="Item"
data-value-field="ID"
data-filter="contains"
data-bind="source: baseDataCategoryList" />
</div>
<script>
var viewModel = kendo.observable({
baseDataCategoryList: new kendo.data.DataSource({
transport: {
read: {
url: '/Home/GetCategoryList'
}
}
})
});
kendo.bind($("#qqqq"), viewModel);
</script>
</body>

转载于:https://www.cnblogs.com/jiangcm/p/7456542.html

weixin_30566149

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
KendoUi学习之旅 DropDownList的使用

<link href="@Url.Content("~/Content/kendo/2016.1.406/kendo.common.min.css")" rel="stylesheet" type="text/css" /> <link href="@Url.Content("~/Content/kendo/2016.1.406/kendo.bootstrap.min.cs...
复制链接

扫一扫