.NET快速信息化系統(tǒng)開發(fā)框架 V3.2 -> Web 用戶管理模塊編輯界面-組織機(jī)構(gòu)選擇支持級(jí)聯(lián)選擇

　　下拉框級(jí)聯(lián)選擇功能非常的實(shí)用，框架用戶管理編輯界面對(duì)組織機(jī)構(gòu)的選擇在3.2版本中新增了級(jí)聯(lián)選擇的支持，讓組織機(jī)構(gòu)的選擇更加的方便與高效，也不容易出錯(cuò)。　　我們框架的組織機(jī)構(gòu)結(jié)合實(shí)際分成了5種類型，分別為：公司、分公司、部門、子部門、工作組。不同的企業(yè)可以根據(jù)實(shí)際需要進(jìn)行取舍。用戶編輯界面的組織機(jī)構(gòu)選擇控件使用了EasyUI的combobox控件，級(jí)聯(lián)的選擇主要使用了此控件的onChange事件。

　　下拉框級(jí)聯(lián)選擇功能非常的實(shí)用，框架用戶管理編輯界面對(duì)組織機(jī)構(gòu)的選擇在3.2版本中新增了級(jí)聯(lián)選擇的支持，讓組織機(jī)構(gòu)的選擇更加的方便與高效，也不容易出錯(cuò)。

　　我們框架的組織機(jī)構(gòu)結(jié)合實(shí)際分成了5種類型，分別為：公司、分公司、部門、子部門、工作組。不同的企業(yè)可以根據(jù)實(shí)際需要進(jìn)行取舍。用戶編輯界面的組織機(jī)構(gòu)選擇控件使用了EasyUI的combobox控件，級(jí)聯(lián)的選擇主要使用了此控件的onChange事件。

　　級(jí)聯(lián)選擇效果如下圖所示：

下面給出增加用戶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('請(qǐng)輸入用戶名稱。');
                    top.$('#UserName').focus();
                }
            }
        });
        return false;
    }

　　級(jí)聯(lián)綁定代碼參考：

//綁定組織機(jī)構(gòu)信息-實(shí)現(xiàn)級(jí)聯(lián)選擇
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的快速信息化系統(tǒng)開發(fā)框架 — 系列目錄

　　 RDIFramework.NET ━ .NET快速信息化系統(tǒng)開發(fā)框架 ━ 工作流程組件介紹　　

　　實(shí)例演示使用RDIFramework.NET 框架的工作流組件進(jìn)行業(yè)務(wù)流程的定義—請(qǐng)假申請(qǐng)流程-Web

　　RDIFramework.NET ━ .NET快速信息化系統(tǒng)開發(fā)框架 ━ 工作流程組件Web業(yè)務(wù)平臺(tái)

　　一路走來數(shù)個(gè)年頭，感謝RDIFramework.NET框架的支持者與使用者，大家可以通過下面的地址了解詳情。

RDIFramework.NET官方網(wǎng)站：http://www.rdiframework.net/

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

同時(shí)需要說明的，以后的所有技術(shù)文章以官方網(wǎng)站為準(zhǔn)，歡迎大家收藏！

RDIFramework.NET框架由專業(yè)團(tuán)隊(duì)長(zhǎng)期打造、一直在更新、一直在升級(jí)，請(qǐng)放心使用！

歡迎關(guān)注RDIFramework.net框架官方公眾微信（微信號(hào)：guosisoft），及時(shí)了解最新動(dòng)態(tài)。

掃描二維碼立即關(guān)注

posted @ 2017-10-11 17:16 .NET快速開發(fā)框架閱讀(894) 評(píng)論(0) 收藏舉報(bào)

刷新頁(yè)面返回頂部

.NET快速開發(fā)框架

低代碼開發(fā)框架、快速開發(fā)框架、WinForm開發(fā)框架，給用戶和開發(fā)者最佳的.Net框架平臺(tái)方案。了解更多：http://www.guosisoft.com/

.NET快速信息化系統(tǒng)開發(fā)框架 V3.2 -> Web 用戶管理模塊編輯界面-組織機(jī)構(gòu)選擇支持級(jí)聯(lián)選擇

公告