.NET快速信息化系统开发框架 V3.2 -> Web 用户管理模块编辑界面-组织机构选择支持级联选择
下拉框级联选择功能非常的实用,框架用户管理编辑界面对组织机构的选择在3.2版本中新增了级联选择的支持,让组织机构的选择更加的方便与高效,也不容易出错。
我们框架的组织机构结合实际分成了5种类型,分别为:公司、分公司、部门、子部门、工作组。不同的企业可以根据实际需要进行取舍。用户编辑界面的组织机构选择控件使用了EasyUI的combobox控件,级联的选择主要使用了此控件的onChange事件。
级联选择效果如下图所示:
下面给出增加用户JS部分的代码参考。
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; }
级联绑定代码参考:
//绑定组织机构信息-实现级联选择 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.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框架官方公众微信(微信号:guosisoft),及时了解最新动态。
扫描二维码立即关注
作者:
RDIF
出处:
http://www.cnblogs.com/huyong/
Email:
406590790@qq.com
QQ:
406590790
微信:
13005007127(同手机号)
框架官网:
http://www.guosisoft.com/
http://www.rdiframework.net/
框架其他博客:
http://blog.csdn.net/chinahuyong
http://www.cnblogs.com/huyong
国思RDIF开发框架
,
给用户和开发者最佳的.Net框架平台方案,为企业快速构建跨平台、企业级的应用提供强大支持。
关于作者:系统架构师、信息系统项目管理师、DBA。专注于微软平台项目架构、管理和企业解决方案,多年项目开发与管理经验,曾多次组织并开发多个大型项目,在面向对象、面向服务以及数据库领域有一定的造诣。现主要从事基于
RDIF
框架的技术开发、咨询工作,主要服务于金融、医疗卫生、铁路、电信、物流、物联网、制造、零售等行业。
如有问题或建议,请多多赐教!
本文版权归作者和CNBLOGS博客共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,如有问题,可以通过微信、邮箱、QQ等联系我,非常感谢。