因为业务需求,需要对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各行调整上下位置相关推荐

  1. easyui treegrid idField 所在属性中值有花括号(如Guid)当有鼠标事件时会报错,行记录一下...

    easyui treegrid idField 所在属性中值有花括号(如Guid)当有鼠标事件时会报错,行记录一下 转载于:https://www.cnblogs.com/xiaoruilin/p/6 ...

  2. Matlab调整子图位置及大小(祛白边)+调整画布大小+添加总标题

    子图显示问题: 不进行任何调整,默认画出的图为正方形,当需要画三个子图横排摆放时,效果如下: load diagblock_noise.matsubplot(1,3,1); pcolor(X4);ax ...

  3. 【MFC】可调整按钮位置的工具栏

    00. 目录 文章目录 00. 目录 01. 案例概述 02. 开发环境 03. 关键技术 04. 程序设计 05. 秘笈心法 06. 源码下载 07. 附录 01. 案例概述 本实例实现了工具栏上两 ...

  4. visio调整形状位置_VISIO绘图技巧—三相桥式全控整流电路绘制

    前些天有网友留言询问如何画三相桥式全控整流电路,一直没时间回复.今天得闲在家,给大家介绍一下如何来画. 上图是一个三相桥式全控整流电路原理图,大部分图形元件在VISIO自带的图形库中都能找到,下面来看 ...

  5. 适用于zTree 、EasyUI tree、EasyUI treegrid

    #region          System.Text.StringBuilder b_appline = new System.Text.StringBuilder();         Syst ...

  6. Markdown 调整图片位置与大小

    文章目录 1.图片语法格式 2.调整图片位置 2.1 居左 2.2 居中 2.3 居右 3.调整图片大小 3.1 等比缩放 3.1.1 相对父级元素 3.1.2 相对自身 3.2 非等比缩放 3.2. ...

  7. python画图如何调整图例位置_Python——legend()图例位置调整

    Legend()参数调整图例位置 在日常使用中,有时默认的图例位置不符合我们的需要,那么我们可以添加参数对图例的位置进行调整. matplotlib.pyplot.legend(loc='String ...

  8. ajax treegrid 选中,easyui treeGrid异步加载子节点示例

    easyui treeGrid异步加载子节点示例.如果要异步加载treegrid的子节点,需要输出扁平的数据结构,然后通过_parentId来控制treegrid的父节点子节点结构.嵌套的childr ...

  9. java 向word插入图片 调整图片位置

    你可以使用 Apache POI 库来向 Word 文档中插入图片并调整图片位置. 首先,确保你已经将 Apache POI 库添加到了你的项目中. 然后,你需要打开一个 Word 文档并获取到文档中 ...

最新文章

  1. 区块链教程Fabric1.0源代码分析Peer peer channel命令及子命令实现
  2. rust(56)-mp3(1)
  3. 【BZOJ1452】[JSOI2009]Count(树状数组)
  4. 编程兴趣真的是由“热情”驱动的吗?
  5. Java工作笔记-Spring Boot中使用Mybatis操作达梦数据库
  6. R语言--自定义函数证明中心极限定理
  7. 一个Windows C++的线程池类实现
  8. “高校”行业智能运维解决方案解析(含落地实践)
  9. 各种语言如何连接到 OceanBase
  10. Qt QPlainTextEdit用法详解
  11. 今年职高计算机数学高考试题,2018-2019高职高考数学试题
  12. 从Word中批量提取数据到Excel中,Word导出到Excel的利器
  13. 银河麒麟v10系统安装docker
  14. 都 2021 年了还不会连 ES6/ES2015 更新了什么都不知道吧
  15. 超详解六西格玛管理法与案例分享|优思学院
  16. 尋找《案件取证操作教程EnCase》.ppt。
  17. Linux学习笔记-无名管道,有名管道,消息队列
  18. 免费在线MP3转换器:将音乐文件转换为MP3格式
  19. win7电脑连不上网怎么办
  20. NKOI 1006 护卫队

热门文章

  1. 视频浓缩中的轨迹组合技术
  2. google计费接入,Billing结算库支付
  3. C# PDF附件生成
  4. Notepad++ 替换换行符
  5. 与恐龙共舞 1. 内存报警
  6. Salesforce: 关于Apexpages.Message类
  7. 康希诺生物多名高管变动:王靖内部转岗,任命罗樨为CFO
  8. 手机下载神器批量下载图片教程
  9. layer.photos 查看本地图片,并实现缩放和旋转功能
  10. 根据url批量下载图片