下拉框级联选择功能非常的实用,框架用户管理编辑界面对组织机构的选择在3.2版本中新增了级联选择的支持,让组织机构的选择更加的方便与高效,也不容易出错。
我们框架的组织机构结合实际分成了5种类型,分别为:公司、分公司、部门、子部门、工作组。不同的企业可以根据实际需要进行取舍。用户编辑界面的组织机构选择控件使用了EasyUI的combobox控件,级联的选择主要使用了此控件的onChange事件。
级联选择效果如下图所示:
下面给出增加用户JS部分的代码参考。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
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 ;
}
|
级联绑定代码参考:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
//绑定组织机构信息-实现级联选择 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 框架的工作流组件进行业务流程的定义—请假申请流程-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),及时了解最新动态。
扫描二维码立即关注
相关推荐
在TreeView中实现选择父节点同时选择所有子节点,选择一个子节点同时选择其父节点,支持多级选择。取消一个子节点判断同级是否有选择,没有选择就取消父级。
asp.net级联分类(非数据源),在页面前台写入代码,通过页面加载实现级联效果。
uniapp选择器,包含一级,二级级联,三级级联uniapp-picker-master.zip
MVC3 ASP.NET AJAX DropDownList 级联
Coalesys PanelBar + R.a.d Treeview +Xml 构建的Asp.net 菜单和权限管理模块 突破屏蔽限制,自己的网站使劲弹新IE窗口 对页面SCROLLING的CSS不能生效原因 .Net 中IE使用WinForm控件的使用心得。 动态加载用户控件的...
收集的asp.net treeview控件的完美js级联控制代码。
.net级联 分类 上传 附数据库 VS2005 sqlserver2005 ACCESS 已经调试完毕 欢迎大家下载
C#.Net winform combox日期级联选择器
三级联动-级联选择器 原文地址:https://blog.csdn.net/qq_43592352/article/details/100266253
layui的插件效果,优化基础layui的原装组件的效果。 layui 是一款采用自身模块规范...其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。
Ajax-级联菜单<br>Ajax-级联菜单
使用layui实现的可以多选的级联选择器,无限级联选择
asp.net中的级联菜单,用JavaScript+ListBox+Control实现
matlab开发-级联H桥多电平转换三相。级联H桥多电平逆变器三相仿真
angularjs实现的省市区地址级联选择器 演示地址:http://www.jq22.com/plugin/632
hibernate many-to-many级联保存,级联更新,级联删除
2020-06 iview级联选择器-省市区三级联动js文件下载 2020-06 iview级联选择器-省市区三级联动js文件下载
纯JS---省份城市级联选择, (this);" style="width: 49%; float: left;"></select> ; float: right;"></select>
asp.net省份城市级联,总共四个,有js的、html的、asp.net的DropDownList的
电子政务-可级联扩展的模块化光伏电弧检测器.zip