使用Jquery+EasyUI 进展框架项目开发案例讲解之四-组织机构管理源码分享

使用Jquery+EasyUI 进行框架项目开发案例讲解之四--组织机构管理源码分享

使用Jquery+EasyUI 进行框架项目开发案例讲解之四

组织机构管理源码分享 

　　  在上三篇文章

　  《使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享》 

　　《使用Jquery+EasyUI 进行框架项目开发案例讲解之二---用户管理源码分享》

　　《使用Jquery+EasyUI 进行框架项目开发案例讲解之三---角色管理源码分享》

　　我们分享了使用Jquery EasyUI来进行ASP.NET项目的开发的相关方法，每一个模块都有其共用性，细细理解与掌握，我相信使用EasyUI进行开发还是相当方便的。

　　接下来我分享“组织机构管理”模块主要的核心代码组织机构管理使用的EasyUI控件，主要是EasyUI的TreeGrid控件，组织机构管理主界面如下图所示：

　　在进行代码讲解之前，我们先来回顾一个TreeGrid相关的知识。easyUI TreeGrid 从$.fn.datagrid.defaults继承，覆盖默认值$.fn.treegrid.defaults。treegrid 是使用显示分层数据在grid中,treegrid 是基于datagrid和关联treeview 和关联可编辑的grid,treegrid 允许你创建定制的,异步加载展开行数据,和显示分层的数据在多列中。如下图所示：

　　使用示例　　通过html标记创建treegrid ,大多数情况下treegrid 遵循相同的结构格式化为datagrid

<table id="tt" style="width:600px;height:400px"></table>  

NameTypeDescriptionDefaultidFieldstring定义键字段标识一个tree节点,该项是必须的.nulltreeFieldstring定义tree节点字段,该项是必须的.nullanimateboolean定义当节点展开/关闭的时候,是否显示动画效果.falseloaderfunction(param,success,error)定义如何从远程服务器端加载数据. 返回false将终止这个动作. 这个函数提供一下参数 :
param: 传递给远程服务器的参数对象.
success(data): 当检索数据成功之后执行的回调函数.
error(): 当检索数据失败的时候调用的回调函数.json loaderloadFilterfunction(data,parentId)返回过滤后的显示数据. 
 
　　事件
　　事件从datagrid继承, 以下是datagrid新增事件.
NameParametersDescriptiononClickRowrow当用户点击一个节点时触发.onDblClickRowrow当用户双击一个节点时触发.onClickCellfield,row当用户点击一个表格的时触发.onDblClickCellfield,row当用户双击一个表格的时触发.onBeforeLoadrow, param一个请求去加载数据之前触发, 返回false将取消加载动作.onLoadSuccessrow, data数据加载成功之后触发.onLoadErrorarguments数据加载失败之后触发,arguments 参数和jQuery.ajax的error函数一样.onBeforeExpandrow节点展开之前触发,返回false将取消展开动作.onExpandrow节点展开后触发.onBeforeCollapserow节点折叠之前触发,返回false取消折叠动作.onCollapserow节点折叠后触发.onContextMenue, row在节点上右键点击触发.onBeforeEditrow用户开始编辑一个节点时触发.onAfterEditrow,changes用户结束编辑节点时触发.onCancelEditrow用户取消编辑节点时触发.
 　　方法　　
　　许多方法提供一个参数,参数名为id, 这个参数指明tree节点值.
NameParameterDescriptionoptionsnone返回treegrid的 options对象.resizeoptions设置treegrid 大小,options包含两个属性:
width: treegrid新的宽度.
height: treegrid新的高度.fixRowHeightid固定特定行高度.loadDatadata加载 treegrid 数据.reloadid重新加载treegrid 数据.如果传递了id参数, 重新加载特定的tree行, 其他的重新加载所有tree行.
示例代码:
$('#tt').treegrid('reload', 2);// 重新加载指定id值是2的行$('#tt').treegrid('reload');// 重新加载所有行
reloadFooterfooter重新加载页脚数据.getDatanone得到加载数据.getFooterRowsnone得到页脚数据.getRootnone得到根节点, 返回的是节点对象getRootsnone得到根节点, 返回的是节点数组.getParentid得到父节点.getChildrenid得到子节点.getSelectednone得到选中节点并返回它, 如果没有选中节点返回null.getSelectionsnone得到所有的选中节点.getLevelid得到特定的节点的层级.findid查找特定的节点和返回节点数据.selectid选中一个节点.unselectid取消选中一个节点.selectAllnone选中所有节点.unselectAllnone取消选中所有节点.collapseid折叠一个节点.expandid展开一个节点.collapseAllid折叠所有节点.expandAllid展开所有节点.expandToid展开从根节点到指定的节点.toggleid切换节点的 expanded(展开)/collapsed (关闭)状态.appendparam附加一个节点到父节点. 'param' 参数包含以下属性:
parent:父节点id , 如果没有分配, 附加作为根节点.
data: 数组, 节点数据.
示例代码:
// 添加一些节点到选中节点var node = $('#tt').treegrid('getSelected');$('#tt').treegrid('append',{parent: node.id,  // 节点有一个'id'值,定义是通过'idField'属性data: [{id: '073',name: 'name73'}]});
removeid移除一个节点和其子节点.refreshid刷新特定的节点.beginEditid开始编辑一个节点.endEditid结束编辑一个节点.cancelEditid取消编辑一个节点.getEditorsid得到特定行编辑器.每一个编辑器都有以下属性:
actions:编辑器可以做的动作.
target: 目标编辑器jQuery对象.
field:字段名.
type:编辑器类型.getEditoroptions得到特定的编辑器, options 包含两个属性:
id:行节点id.
field: 字段名.
 
　　以上知识对于充分理解并应用TreeGrid非常的重要，对于不明白的童鞋可以看下！下面分享如何使用EasyUI的TreeGrid控件进行我们的组织机构管理的开发，当然还涉及到其他的知识点，在前面的文章已有介绍，不明白的可以看下前面的文章，这儿重在说明一些方法，当然大家也可交流讨论，提出你们在开发过程中使用的常用方式方法。
　　一、“组织机构管理”主界面UI的ASPX代码如下：
　　在添加组织机构界面，主负责人，副主管数据域的绑定控件使用的是“ComboGrid"控件，绑定的代码如下：
　　”修改组织机构“代码如下：　
　　在上图中，我们可以看到对用户“陈俊熙”设置了他可以访问的组织机构，我们现在以他的用户“wikstone”登录系统，可以看到当前用户只能看到对应的组织机构了，如下图所示：
　　
　　用户-组织机构权限设置代码如下：　　
　　
相关资源分享 
1、基于.NET的快速信息化系统开发整合框架 —RDIFramework.NET—系统目录
2、Jquery EasyUI官方网站
3、Jquery学习官方网站
 4、Jquery EasyUI本地实例文件（如果嫌官网速度过慢，可以下载这个看）
5、Jquery权威指南下载
6、Jquery权威指南源代码下载
7、Jquery EasyUI 1.3中文.chm文件下载
8、JavaScript权威指南（第六版）中文版（强烈推荐）在线观看
 


作者： EricHu出处： http://blog.csdn.net/chinahuyongEmail: 406590790@qq.comQQ 交流：406590790 QQ群1：16653241（已满） 群2：237326100平台博客：   【CSDN】http://blog.csdn.net/chinahuyong         【CNBLOGS】http://www.cnblogs.com/huyong关于作者：高级工程师、信息系统项目管理师、DBA。专注于微软平台项目架构、管理和企业解决方案，多年项目开发与管理经验，曾多次组织并开发多个大型项目，精通DotNet，DB（SqlServer、Oracle等）技术。熟悉Java、Delhpi及Linux操作系统，有扎实的网络知识。在面向对象、面向服务以及数据库领域有一定的造诣。现从事DB管理与开发、WinForm、WCF、WebService、网页数据抓取以及ASP.NET等项目管理、开发、架构等工作。如有问题或建议，请多多赐教！本文版权归作者和CSDN博客共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，如有问题，可以通过邮箱或QQ 联系我，非常感谢。