.NET快速信息化系统开发框架 V3.2 -> Web 用户管理模块编辑界面-组织机构选择支持级联选择

　下拉框级联选择功能非常的实用，框架用户管理编辑界面对组织机构的选择在3.2版本中新增了级联选择的支持，让组织机构的选择更加的方便与高效，也不容易出错。

　　我们框架的组织机构结合实际分成了5种类型，分别为：公司、分公司、部门、子部门、工作组。不同的企业可以根据实际需要进行取舍。用户编辑界面的组织机构选择控件使用了EasyUI的combobox控件，级联的选择主要使用了此控件的onChange事件。

　　级联选择效果如下图所示：

    下面给出增加用户JS部分的代码参考。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

AddUser: function () { //添加用户         var addDialog = top.$.hDialog({             href: formUrl,             title: '添加用户',             width: 610,             height: 640,             iconCls: 'icon16_user_add',             onLoad: function () {                 UserAdminMethod.initData();                 BindOrganize();                 top.$('#Enabled').attr("checked", true);                 top.$('#Description').val("");                 top.$('#UserName').focus();             },             submit: function () {                 if (top.$('#uiform').validate().form()) {                                        var postData = pageMethod.serializeJson(top.$('#uiform'));                     postData.CompanyName = top.$('#CompanyId').combobox('getText');                     postData.SubCompanyName = top.$('#SubCompanyId').combobox('getText');                     postData.DepartmentName = top.$('#DepartmentId').combobox('getText');                     postData.SubDepartmentName = top.$('#SubDepartmentId').combobox('getText');                     postData.WorkgroupName = top.$('#WorkgroupId').combobox('getText');                     $.ajaxjson("/FrameworkModules/UserAdmin/SubmitForm", postData, function (d) {                         if (d.Success) {                             msg.ok(d.Message);                             addDialog.dialog('close');                             mygrid.reload();                         } else {                             MessageOrRedirect(d);                         }                     });                 } else {                     msg.warning('请输入用户名称。');                     top.$('#UserName').focus();                 }             }         });         return false;     }

　　级联绑定代码参考： 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

//绑定组织机构信息-实现级联选择 function BindOrganize() {     top.$('#SubCompanyId,#DepartmentId,#SubDepartmentId,#WorkgroupId').combobox({         valueField: 'Id', textField: 'FullName', panelHeight: 100, editable: true     });     top.$('#CompanyId').combobox({         valueField: 'ID', textField: 'FULLNAME', panelHeight: 100, editable: true,         url: '/FrameworkModules/OrganizeAdmin/GetOrganizeByCategory?organizeCategory=Company',         onChange: function (newValue, oldValue) {             top.$('#SubCompanyId').combobox({                 url: '/FrameworkModules/OrganizeAdmin/GetCategoryChildrensById?organizeCategory=SubCompany&organzieId=' + newValue,                 onChange: function(newValue, oldValue) {                     top.$('#DepartmentId').combobox({                         url: '/FrameworkModules/OrganizeAdmin/GetCategoryChildrensById?organizeCategory=Department&organzieId=' + newValue                     });                                           top.$('#DepartmentId').combobox({                         url: '/FrameworkModules/OrganizeAdmin/GetCategoryChildrensById?organizeCategory=Department&organzieId=' + newValue                     });                       top.$('#SubDepartmentId').combobox({                         url: '/FrameworkModules/OrganizeAdmin/GetCategoryChildrensById?organizeCategory=SubDepartment&organzieId=' + newValue                     });                       top.$('#WorkgroupId').combobox({                         url: '/FrameworkModules/OrganizeAdmin/GetCategoryChildrensById?organizeCategory=WorkGroup&organzieId=' + newValue                     });                 }             });         }     }); }

 

相关文章： 　 　　  

  　  RDIFramework 平台代码生成器V3.2 发布版 

　　 RDIFramework.NET — 基于.NET的快速信息化系统开发框架 — 系列目录  

　　 RDIFramework.NET ━ .NET快速信息化系统开发框架 ━ 工作流程组件介绍 　　

　　实例演示使用RDIFramework.NET 框架的工作流组件进行业务流程的定义—请假申请流程-Web

　　RDIFramework.NET ━ .NET快速信息化系统开发框架 ━ 工作流程组件Web业务平台

　　一路走来数个年头，感谢RDIFramework.NET框架的支持者与使用者，大家可以通过下面的地址了解详情。 

      RDIFramework.NET官方网站：http://www.rdiframework.net/ 

      RDIFramework.NET官方博客：http://blog.rdiframework.net/ 

      同时需要说明的，以后的所有技术文章以官方网站为准，欢迎大家收藏！ 

      RDIFramework.NET框架由专业团队长期打造、一直在更新、一直在升级，请放心使用！  

　　欢迎关注RDIFramework.NET框架官方公众微信（微信号：rdiframework-net），及时了解最新动态。

 　　扫描二维码立即关注