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 }