.NET快速資訊化系統開發框架 V3.2 -> Web 使用者管理模組編輯介面-組織機構選擇支援級聯選擇
阿新 • • 發佈:2018-11-01
下拉框級聯選擇功能非常的實用,框架使用者管理編輯介面對組織機構的選擇在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框架的支持者與使用者,大家可以通過下面的地址瞭解詳情。
RDIFramework.net官方網站:http://www.rdiframework.net/
RDIFramework.Net官方部落格:http://blog.rdiframework.net/
同時需要說明的,以後的所有技術文章以官方網站為準,歡迎大家收藏!
RDIFramework.NET框架由專業團隊長期打造、一直在更新、一直在升級,請放心使用!
歡迎關注RDIFramework.NET框架官方公眾微信(微訊號: guosisoft),及時瞭解最新動態。掃描二維碼立即關注