.NET快速資訊化系統開發架構 V3.2 -Web 使用者管理子產品編輯界面-組織機構選擇支援級聯選擇

版權聲明：本文為部落客原創文章，未經部落客允許不得轉載。 https://blog.csdn.net/chinahuyong/article/details/78206040

　　下拉框級聯選擇功能非常的實用，架構使用者管理編輯界面對組織機構的選擇在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快速資訊化系統開發架構 ━ 工作流程元件介紹 http://blog.csdn.net/chinahuyong/article/details/76422377

　　一路走來數個年頭，感謝RDIFramework

.NET

架構的支援者與使用者，大家可以通過下面的位址了解詳情。 

      RDIFramework

.net

官方網站：

http://www.rdiframework.net/ .Net

官方部落格：

http://blog.rdiframework.net/

      同時需要說明的，以後的所有技術文章以官方網站為準，歡迎大家收藏！ 

架構由專業團隊長期打造、一直在更新、一直在更新，請放心使用！