easyui-combotree传递参数到后台获取json值来绑定combotree控件
2017-07-28 16:02
337 查看
easyui-combotree传递参数到后台获取json值来绑定combotree控件
html:
easyui-combotree传递参数到后台获取json值来绑定combotree控件
jQuery:
easyui-combotree传递参数到后台获取json值来绑定combotree控件
MVC:
easyui-combotree传递参数到后台获取json值来绑定combotree控件
Json:
html:
<div class="add_box add_typename"> <span class="id_name"><i>*</i>模块</span> <select class="easyui-combobox" id="cmbModule_add_mm" data-options="required: true," style=" width:150px;"> @if (ViewBag.Modules != null) { foreach (var Module in ViewBag.Modules) { <option value="@Module.ModuleID">@Module.ModuleName</option> } } </select> </div> <div class="add_box add_typename"> <span class="id_name"><i>*</i>菜单</span> <input class="easyui-combotree" id="cmbMenu_add_mm" style="width: 150px;" /> </div>
easyui-combotree传递参数到后台获取json值来绑定combotree控件
jQuery:
//选择[模块]刷新[菜单]combotree $(function () { $("#cmbModule_add_mm").combobox({ onChange: function (n, o) { var ModuleID = n; $("#cmbMenu_add_mm").combobox("clear"); $('#cmbMenu_add_mm').combotree({ url: '/Rights/ModuleMenu/GetModuleMenuJson',//ajax queryParams: { ModuleID: ModuleID },//传递参数后台 valueField: 'id', textField: 'text', method: 'get', }); } }); });
easyui-combotree传递参数到后台获取json值来绑定combotree控件
MVC:
public ActionResult GetModuleMenuJson(int ModuleID) { string json = ModuleMenuService.GetModuleMenuJson(ModuleID); return Content(json); }
easyui-combotree传递参数到后台获取json值来绑定combotree控件
Json:
public string GetModuleMenuJson(int ModuleID) { var moduleList = GetModule(ModuleID); if (moduleList != null && moduleList.Any()) { string jsonData = "["; moduleList.ForEach(mo => { jsonData += "{"; jsonData += "\"text\":\"" + mo.ModuleName + "\","; jsonData += "\"children\":["; var menuList = GetMenu(mo.ModuleID); menuList.Where(me => me.ModuleID == mo.ModuleID).ToList().ForEach(menu => { jsonData += "{"; jsonData += "\"id\":\"" + menu.MenuID + "\","; jsonData += "\"text\":\"" + menu.MenuName + "\""; jsonData += "}"; jsonData += ','; }); jsonData = jsonData.TrimEnd(','); jsonData += "]}"; jsonData += ','; }); jsonData = jsonData.Substring(0, jsonData.Length - 1);//去掉末尾的 , 逗号 jsonData += "]"; return jsonData; } return string.Empty; } private List<ModuleMenu> GetModule(int ModuleID) { string sql = @" SELECT DISTINCT [ModuleID], (select TOP 1 ModuleName FROM T_Module WHERE ModuleID=a.ModuleID) [ModuleName] FROM [T_ModuleMenu] a WHERE [IsValid]=1"; if (ModuleID != 0) sql += " AND ModuleID=" + ModuleID; sql += " ORDER by [ModuleID] ASC"; DataTable dt = DbHelperSQL.QueryDataTable(sql); if (dt == null) return null; return dt.AsEnumerable().Select(n => new ModuleMenu { ModuleID = n.Field<int>("ModuleID"), ModuleName = n.Field<string>("ModuleName"), }).ToList(); }easyui-combotree传递参数到后台获取json值来绑定combotree控件
相关文章推荐
- easyui-combobox 传递参数到后台获取json来绑定选项
- jquery通过ajax-json访问java后台传递参数,通过request.getParameter获取不到参数的说明
- jquery通过ajax-json访问java后台传递参数,通过request.getParameter获取不到参数的说明
- easyUi的combotree绑定后台返回的json字符串(EasyUI+spring mvc+mybatis)
- jquery通过ajax-json访问java后台传递参数,通过request.getParameter获取不到参数的说明
- easyui的combotree控件绑定json数据demo
- jquery通过ajax-json访问java后台传递参数,通过request.getParameter获取不到参数的说明
- C# ASP.net 解决easyui treegrid传递参数后台无法获取的问题
- httpurlconnection post 和GET 分别传递2个参数给后台,返回JSON 解决乱码问题
- jsp中将后台传递过来的json格式的list数据绑定到下拉菜单select
- jquery 上传组件如何动态绑定参数传递到后台
- query ajax json 通过后台代码(查询数据库)绑定html控件select 下拉框实例
- jsp中将后台传递过来的json格式的list数据绑定到下拉菜单select
- 从Android使用JSON传递参数到后台中文编码问题
- jsp中利用jquery+ajax在前后台之间传递json格式参数
- springboot解决传递json字符串时获取某个参数为null
- 使用uploadify3.2.1 formData传递其他参数到后台,JAVA后台获取参数方法
- easyui-combobox获取后台传递的值
- 使用ajax通过json传递不确定个参数至C#后台(Razor)
- 前台序列化传过来的值,后台获取之后封装到map当中,让后在转化成json格式,最后在把json里面的参数里面的某一个值进行分割,最后在存到json格式的数据中去。