码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-10-11 18:16:16      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:user   申请   uefi   geo   highlight   tle   false   关注   参考   

  下拉框级联选择功能非常的实用,框架用户管理编辑界面对组织机构的选择在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 平台代码生成器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),及时了解最新动态。

   扫描二维码立即关注

 技术分享

 

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

标签:user   申请   uefi   geo   highlight   tle   false   关注   参考   

原文地址:http://www.cnblogs.com/huyong/p/7651658.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!