使用jquery+easyui –组织管理资源共享四例框架项目开发-研发项目管理

>>使用jquery+easyui –组织管理资源共享四例框架项目开发-研发项目管理

使用jquery+easyui –组织管理资源共享四例框架项目开发-研发项目管理

引言:当今社会市场竞争激烈,软件开发企业想要占据前列需要在研发管理上下功夫,“向管理要效益”已经成为软件开发企业的共识,研发项目管理在软件企业中的普及也是大势所趋。国内做软件项目管理工具的开发商翼发云近几年发展十分迅速,越来越多的软件开发企业认识到研发项目管理的重要性,能切实有效降低成本,规范软件开发流程,提高软件产品质量。国内研发项目管理系统、敏捷开发管理工具的领导品牌翼发云敏捷项目管理系统采用可视化业务流程技术,支持瀑布模型等传统软件研发项目管理,同时也支持scrum等敏捷开发流程,是理想的敏捷开发管理工具,涵盖软件项目管理工作的整个生命周期。为提高国内软件开发企业的项目管理水平,分享一篇企业管理相关的知识文章。

一个框架项目开发案例使用jquery+easyui四

组织管理源代码共享scrum

在过去的三篇文章

一为框架的项目开发jquery+easyui使用案例的解释–员工管理源代码共享(软件项目管理

“两例框架项目开发使用jquery+easyui –用户管理源代码共享”

“三例框架项目开发使用jquery+easyui –角色管理源代码共享”敏捷开发流程

我们分享开发ASP.NET项目相关的方法通过使用jQuery EasyUI。每个模块都有其通用性,可以被理解和掌握。我相信发展EasyUI是相当方便的。

接下来,我分享“组织管理”模块的主要核心代码的组织,管理EasyUI控制、EasyUI的TreeGrid控制、组织管理主界面,如下图所示:研发项目管理

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

我们之前做的代码的解释,让我们来回顾一树网格的相关知识。EasyUI的TreeGrid继承美元。fn.datagrid.defaults和重写默认值fn.treegrid.defaults美元。TreeGrod用于网格显示分层数据,TreeGrid基于DataGrid和相关的TreeView和可编辑网格,TreeGrid允许您创建定制的,异步加载,扩展行数据,并在多个列显示分层数据。如下图所示:

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

Using the example of

created by treegrid HTML markers, most cases follow the same format as the structure of treegrid DataGrid < table id= “TT” class= “easyui-treegrid” style= “width:600px; height:400px” data-options= “url:,’get_data.aspx’, idField:’id’, treeField:’name’> < thead> < tr> < th data-options= field:’name’, width:180 > Task Name< /th> < th data-options= field:’persons’, width:60 align:’right’, &gt Persons< /th> < th; data-options=” field:’begin’, width:80 “> Begin Date< /th> < th data-options=” field:’end’, width:80 “> End Date< /th> < /tr> < /thead&gt < /table> Use JavaScript to create treegrid &lt table; id= “TT” style= “width:600px;身高:400px &gt;&lt;/表&gt;$(’ # TT)。Treegrid(idfield:’id’,treefield:’name’ {网址:’get_data .aspx”栏目:[ [,{标题:’task,名字,领域,’name’,宽度:180 },{场:所述,标题所述,宽度:60,对齐:左},{场:’begin,标题:’begin,日期,宽度:80 },{场:最终,标题:“日期”,宽度:80 }”);}

财产继承的DataGrid,以下是新

nametypedescriptiondefault TreeGrid属性。idfield字符串定义关键字段识别树节点,这是必须的。空treefield字符串定义树节点的领域,这是一个必须空动画布尔。当节点定义开/关时间时,是否显示动画。虚假装载功能(参数、成功、错误)定义了从远程服务器加载数据。返回false将终止此操作。此功能提供了一个参数:
参数:参数远程服务器对象。
(成功的数据):当回调函数执行成功后检索数据。
(错误):当回调函数被调用时,检索数据失败。JSON装载机lOAdfilter功能(数据,显示数据过滤后返回ParentID)。

事件继承DataGrid,以下是DataGrid的新事件。

namepar ametersdescription onclickrow排当用户点击触发节点。ondblclickrow行触发器当用户双击一个节点。行触发器onclickcell领域,当用户点击一个表。当ondblclickcell场排,触发,当用户双击一个表。When the onBeforeLOAd row param, before a request to lOAd the data trigger. 返回false将取消加载操作。onlOAdsuccess列数据,触发后的数据加载成功。在onlOAderror触发参数数据加载失败,jquery.ajax误差函数作为参数的参数和onbeforeexpand排。在节点扩展触发之前,返回false将取消展开操作。触发对拓展粒子行结onbeforecollapse行开始后。触发器前的折叠,返回false取消折叠操作。oncollapse排OnContextMenu E.折叠后触发的节点,节点在排右单击触发器。触发onbeforeedit行用户开始编辑一个节点。onafteredit排,改变用户端节点oncanceledit排。编辑用户以取消触发器编辑器节点。

提供的参数

方法,参数名为ID,该参数表示的树

nameparameterdescription选项没有。该节点的值返回一个对象树网格选项。调整大小选项设置树网格的大小,选择包含两个属性:
宽度:TreeGrid的
宽度高度:treegrid fixRowHeight ID.的新的固定的具体高度。加载所有数据重新加载树网格数据ID。TreeGrod数据加载。如果传递到某个特定树的id参数,则重新加载所有其他树。

示例代码:

美元。Treegrid(’relOAd ‘(’ # TT)。2);/ /重新加载指定的ID值是2美元(“# TT)。Treegrid(’relOAd ‘);//加载所有relOAdfooter页脚加载数据。GetData没有页脚加载数据。getfooterrows没有取得根没有页脚数据。根节点返回节点对象getroots无根节点。返回节点数组。getchildre getParent ID从父节点。n身份返子节点。如果没有返回null,则选择并返回节点。getselections没有选择的节点选择所有节点。我有一个特定的节点级别取得级别。查找id以查找特定节点和返回节点数据。选择ID选择取消ID的节点。选中一个节点。所有的人都unselectall。取消选择所有节点的所有节点。折叠ID。展开一个节点折叠一个节点。CollapseAll ID. ExpandAll的身份折叠所有节点的所有节点。扩展ID指定的节点与根节点。切换ID扩展节点(开始)/崩溃(关闭状态)追加。参数添加一个节点的父节点,下面的参数属性’param’contains:
家长:家长身份,如果没有额外的配置,在
节点数据的根节点。数据:阵列,
示例代码://添加一些节点,选择节点无功节点=美元(“# TT)。Treegrid(’getselected”(TT);$ #(’append”。Treegrid){父/ node.id,节点a’id’value定义by’idfield”数据:身份证:’073’name:[ {属性,’name73”}】});节点删除ID的去除和它的子节点。刷新刷新ID. BeginEdit ID特定节点开始编辑一个节点。最后一个节点EndEdit ID编辑。geteditors CancelEdit ID取消编辑节点。身份证专线编辑。每个编辑器具有以下特性:
行动:编辑器可以做
目标:。目标对象的编辑字段:字段名称
jQuery。
。型:。geteditor选项类型特定编辑器编辑选项包含两个属性:
ID:ID
节点字段:字段名称。

上面的理解和应用TreeGrod知识是非常重要的对于孩子不懂的可以看!在这里分享如何使用EasyUI的TreeGrid控件我们组织的发展和管理,还涉及到其他的知识点在以前的文章中有介绍,不懂的可以看看前面的文章,这里着重介绍一些方法,当然,你也可以交流讨论,提出你的使用方法发展过程中的。

, a &ldquo organization management; ” UI interface ASPX code as follows:

< Page Language= “C#”% @ MasterPageFile= “~/Site.Master” AutoEventWireup= “true” CodeBehind= “OrganizeAdmin.aspx.cs” Inherits= “RDIFramework.WebApp.Modules.OrganizeAdmin”%> &lt asp:Content; ID= “Content1” ContentPlaceHolderID= “head” runat= “server” &gt < < /asp:Content> asp:Content; ID= “Content2” ContentPlaceHolderID= “ContentPlaceHolder1” runat= “server” > &lt div; id= “Toolbar” > <%=base.BuildToolBarButtons (%&gt); < /div> < table id= “organizeGrid” > < /table> < script type= “text/ JavaScript src=” “../Scripts/Business/OrganizeAdmin.js? V = 5“&gt;&lt;/脚本&gt;&lt;/ ASP:内容&gt;

可以看到,代码很简单,这是easyUI发展效益的使用,你不需要将服务器控件ASP.NET的传统发展模式,为这种发展的好处是不言而喻的。功能按钮列表代码

结合当前用户有如下:

& lt总结& gt;/ / / / / / / / /;让页面权限& lt;/摘要&gt;private void(人员){ this.permissionadd = this.isauthorized(“组织召开日常管理。加上”);this.permissionedit = this.isauthorized(“组织召开日常管理。编辑”);this.isauthorized(this.permissionmove =“组织召开日常管理。移动”);this.permissiondelete = this.isauthorized(“组织召开日常管理。删除”);this.permissionexport = this.isauthorized(“组织召开日常管理。出口”);/ / this.permissionaccredit = this.isauthorized(“UserMan Agement授权”);this.permissionuserorganizepermission = this.isauthorized(“organizemanagement.userorganizePermission “); this.permissionRolerOrganizePermission = this.IsAuthorized (” OrganizeManagement.RolerOrganizePermission “);} / / / / / / < summary> /summary> &lt toolbar lOAding / / / / / /; < returns> HTML&lt /returns> public override toolbar; string BuildToolBarButtons (StringBuilder) {sb = new; linkbtn_template = string (StringBuilder)” A & lt; id=/ “btn{0}/” class=/ “easyui-linkbutton/” style=/ “flOAt:left/” plain=/ “true/” href=/ “javascript:; icon=/” {1}/ “/” {2} title=/ “{3}/” > {4}< /a> sb.Append; < a I (” D=/ “a_refresh/” class=/ “easyui-linkbutton/” style=/ “flOAt:left/” plain=/ “true/” href=/ “javascript:; icon=/” icon-relOAd/ “/” title=/ “relOAd / refresh” > < /a> “); sb.Append (” div类= ‘datagrid-btn-separator”&gt;&lt;&lt;/ DIV &gt;;某人追加(string.format”)(linkbtn_template“添加”、“添加图标”,“permissionadd?”禁用“/”“真/”,“新组织”,“新”);(字符串)真/”、“修改选定的组织”,“修改”);(字符串格式)某人(linkbtn_template追加,“删除”,“icon-delete0”、“残疾人= / permissiondelete?”真/”、“组织”、“删除”))某人追加(&lt;div class= ‘datagrid-btn-separator;“&gt;&lt;/ DIV &gt;”);某人追加(string.format(linkbtn_template,“将”,“icon-shape_move_forwards”、“permissionmove?”禁用“/”“真/”,“移动选定组织”,“移动”);

相关资源的共享

1、基于网络的快速信息系统开发集成框架-&mdash rdiframework .NET系统目录

2、jQuery EasyUI官网

3、jQuery学习官方网站

4、jQuery EasyUI的本地实例文件(如果官方网络速度太慢,你可以下载看看)

5、jQuery权威指南下载

6、jQuery权威指南源代码下载

7、jQuery EasyUI 1.3中国

CHM文件下载。

8、JavaScript权威指南(第六版)中文版(强烈推荐)

在线观看

文章从互联网整理而来,旨在传播scrum、软件项目管理、研发项目管理、敏捷开发管理工具的知识与应用,帮助软件开发企业真正了解研发项目管理的价值和意义,如果本文侵犯了您的权益或者您需要具体了解更多国内做研发项目管理系统的公司翼发云敏捷项目管理系统的相关信息,欢迎和我们联络:

【网址】www.effapp.com

2018-02-23T08:27:13+08:002018-02-23 08:27:13|Categories: scrum项目管理|