EasyUI TreeGrid各行调整上下位置
因为业务需求,需要对treegrid里面的每行数据进行上下位置调整,在网上搜了一下方法,都有一些问题,自己做了些改变,能够满足需求。贴出来希望对大家有所帮助:
function move(isUp) {
//得到选中的那一行var selectNode = $("#PlanTemplateDataGrid").treegrid("getSelected");if(selectNode == null){$.messager.alert('操作提示','请选择数据!','warning');return;}//动态获取datagrid-row的IDvar rowL = $('#PlanTemplateWrap .datagrid-row').attr('id').split('-');rowL.splice(rowL.length-1,1);var newRowL = rowL.join('-');var selectRow=$('#'+newRowL+'-'+selectNode.id);if(isUp=="up"){var pre = selectRow.prev();//获得上一节点if(pre.length==0) {alert("无法移动!");return;}var preClass=pre.attr("class");while(preClass=='treegrid-tr-tree'){pre=pre.prev();preClass=pre.attr("class");}var preId=pre.attr("node-id");var selectNode2=$("#PlanTemplateDataGrid").treegrid("pop",selectNode.id);$("#PlanTemplateDataGrid").treegrid("insert",{before:preId,data:selectNode2});$("#PlanTemplateDataGrid").treegrid("select",selectNode.id);}else{var next = selectRow.next();//获得下一节点if(next.length==0) {alert("无法移动!");return false;}var nextClass=next.attr("class");while(nextClass=='treegrid-tr-tree'){next=next.next();if(next.length === 0){alert('无法移动');return false;}nextClass=next.attr("class");}var nextId=next.attr("node-id");var selectNode2=$("#PlanTemplateDataGrid").treegrid("pop",selectNode.id);$("#PlanTemplateDataGrid").treegrid("insert",{after:nextId,data:selectNode2});$("#PlanTemplateDataGrid").treegrid("select",selectNode.id);}
}
EasyUI TreeGrid各行调整上下位置相关推荐
- easyui treegrid idField 所在属性中值有花括号(如Guid)当有鼠标事件时会报错,行记录一下...
easyui treegrid idField 所在属性中值有花括号(如Guid)当有鼠标事件时会报错,行记录一下 转载于:https://www.cnblogs.com/xiaoruilin/p/6 ...
- Matlab调整子图位置及大小(祛白边)+调整画布大小+添加总标题
子图显示问题: 不进行任何调整,默认画出的图为正方形,当需要画三个子图横排摆放时,效果如下: load diagblock_noise.matsubplot(1,3,1); pcolor(X4);ax ...
- 【MFC】可调整按钮位置的工具栏
00. 目录 文章目录 00. 目录 01. 案例概述 02. 开发环境 03. 关键技术 04. 程序设计 05. 秘笈心法 06. 源码下载 07. 附录 01. 案例概述 本实例实现了工具栏上两 ...
- visio调整形状位置_VISIO绘图技巧—三相桥式全控整流电路绘制
前些天有网友留言询问如何画三相桥式全控整流电路,一直没时间回复.今天得闲在家,给大家介绍一下如何来画. 上图是一个三相桥式全控整流电路原理图,大部分图形元件在VISIO自带的图形库中都能找到,下面来看 ...
- 适用于zTree 、EasyUI tree、EasyUI treegrid
#region System.Text.StringBuilder b_appline = new System.Text.StringBuilder(); Syst ...
- Markdown 调整图片位置与大小
文章目录 1.图片语法格式 2.调整图片位置 2.1 居左 2.2 居中 2.3 居右 3.调整图片大小 3.1 等比缩放 3.1.1 相对父级元素 3.1.2 相对自身 3.2 非等比缩放 3.2. ...
- python画图如何调整图例位置_Python——legend()图例位置调整
Legend()参数调整图例位置 在日常使用中,有时默认的图例位置不符合我们的需要,那么我们可以添加参数对图例的位置进行调整. matplotlib.pyplot.legend(loc='String ...
- ajax treegrid 选中,easyui treeGrid异步加载子节点示例
easyui treeGrid异步加载子节点示例.如果要异步加载treegrid的子节点,需要输出扁平的数据结构,然后通过_parentId来控制treegrid的父节点子节点结构.嵌套的childr ...
- java 向word插入图片 调整图片位置
你可以使用 Apache POI 库来向 Word 文档中插入图片并调整图片位置. 首先,确保你已经将 Apache POI 库添加到了你的项目中. 然后,你需要打开一个 Word 文档并获取到文档中 ...
最新文章
- 区块链教程Fabric1.0源代码分析Peer peer channel命令及子命令实现
- rust(56)-mp3(1)
- 【BZOJ1452】[JSOI2009]Count(树状数组)
- 编程兴趣真的是由“热情”驱动的吗?
- Java工作笔记-Spring Boot中使用Mybatis操作达梦数据库
- R语言--自定义函数证明中心极限定理
- 一个Windows C++的线程池类实现
- “高校”行业智能运维解决方案解析(含落地实践)
- 各种语言如何连接到 OceanBase
- Qt QPlainTextEdit用法详解
- 今年职高计算机数学高考试题,2018-2019高职高考数学试题
- 从Word中批量提取数据到Excel中,Word导出到Excel的利器
- 银河麒麟v10系统安装docker
- 都 2021 年了还不会连 ES6/ES2015 更新了什么都不知道吧
- 超详解六西格玛管理法与案例分享|优思学院
- 尋找《案件取证操作教程EnCase》.ppt。
- Linux学习笔记-无名管道,有名管道,消息队列
- 免费在线MP3转换器:将音乐文件转换为MP3格式
- win7电脑连不上网怎么办
- NKOI 1006 护卫队