easyui 下拉联动

前台代码:

Html:

<input class="easyui-combobox" id="dd" style="width:166px" data-options="valueField:'ID', textField:'Name', panelHeight:'auto'">
<input class="easyui-combobox" id="cc" style="width: 166px" data-options="valueField:'', textField:'zhbmch', panelHeight:'auto'">

 

js:

 1 $(function () {
 2 $('#dd').combobox({
 3 url: '../Home/Contenttime',
 4 editable: false,
 5 valueField: 'ID',
 6 textField: 'Name',
 7 //loadFilter: function (data) {
 8 // var o = [{ 'ID': '0', 'Name': '--请选择--' }];
 9 // //$('#dd').combobox("select", 0);
10 // return o.concat(data);
11 //},//初始值请选择第一种方法
12 onSelect: function (record) {
13 $('#cc').combobox({
14 disabled: false,
15 editable: false,
16 url: '../Home/Contenttime2?id=' + record.ID,
17 valueField: 'ID',
18 textField: 'Name'
19 });
20 }
21 });
22 });

 

后台代码:

 1 public ActionResult Contenttime()
 2 {
 3 var list = _db.Contenttest.Where(v => v.fid == null).ToList();
 4 list.Insert(0, new Contenttest() { Name = "请选择",ID = 0 });//初始值请选择第二种方法
 5 var query = list.Select(v => new {v.ID, v.Name});
 6 return Json(query);
 7 }
 8 public ActionResult Contenttime2(int id)
 9 {
10 var list = (from t in _db.Contenttest
11 where t.fid ==id
12 select new
13 {
14 t.ID,
15 t.Name
16 }).ToList();
17 list.Insert(0, new { ID = 0, Name = "请选择"});
18 return Json(list);
19 }

 

posted @ 2017-05-26 16:15  不欠  阅读(222)  评论(0编辑  收藏  举报