.NET快速信息化系统开发框架 V3.2 -> Web 用

下拉框级联选择功能非常的实用，框架用户管理编辑界面对组织机构的选择在3.2版本中新增了级联选择的支持，让组织机构的选择更加的方便与高效，也不容易出错。

我们框架的组织机构结合实际分成了5种类型，分别为：公司、分公司、部门、子部门、工作组。不同的企业可以根据实际需要进行取舍。用户编辑界面的组织机构选择控件使用了EasyUI的combobox控件，级联的选择主要使用了此控件的onChange事件。

级联选择效果如下图所示：

image

下面给出增加用户JS部分的代码参考。

<pre class="brush:javascript;gutter:true;" style="margin-top: 0px; margin-bottom: 0px; white-space: pre-wrap; word-wrap: break-word;">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;
}
</pre>

级联绑定代码参考：

<pre class="brush:javascript;gutter:true;" style="margin-top: 0px; margin-bottom: 0px; white-space: pre-wrap; word-wrap: break-word;">//绑定组织机构信息-实现级联选择
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
                });
            }
        });
    }
});

}
</pre>

相关文章：

** 　 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框架官方公众微信（微信号：guosisoft），及时了解最新动态。

扫描二维码立即关注

image