function moveup(){//上移
    var grid = odin.ext.getCmp('gridid');
    var sms = grid.getSelectionModel().getSelections();
    var store = grid.store;
    if (sms.length <= 0) {
        alert('请选中需要上移的行!')
        return;
    }

var selectdata = sms[0]; //获取选中行中的第一行
    var index = store.indexOf(selectdata);
    if (index == 0 ) {
        //alert('已经最顶上了!')
        return;
    }
    store.remove(selectdata); //移除选中行
    store.insert(index - 1, selectdata); //将选中行数据以插入形式上移一行
    grid.getSelectionModel().selectRow(index - 1, true); //选中上移后的行
    grid.getView().refresh();
}

function movedown(){//下移
    var grid = odin.ext.getCmp('gridid');
    var sms = grid.getSelectionModel().getSelections();
    var store = grid.store;
    if (sms.length <= 0) {
        alert('请选中需要下移的行!')
        return;
    }

var selectdata = sms[0]; //选中行中的第一行
    var index = store.indexOf(selectdata);
    var total = store.getCount();
    if (index == (total - 1)) {
        //alert('已经最底下了!')
        return;
    }
    
    store.remove(selectdata); //移除选中行
    store.insert(index + 1, selectdata); //将选中行数据以插入形式下移一行
    grid.getSelectionModel().selectRow(index + 1, true); //选中下移动后的行
    grid.view.refresh();
}

Ext grid js上移下移样例相关推荐

  1. 移动端报表JS开发演示样例

    近期对移动端的报表开发颇有研究,细磨精算了好久,尽管到如今还是"囊中羞涩",但决定还是先抛砖引玉,拿点小干货出来和大家分享. 研究的工具是比較有代表性的FineReport. 1. ...

  2. webgl_gpgpu_birds 样例分析

    webgl_gpgpu_birds 是一个 three.js 的官方样例,这个例子模拟了鸟群的运动,是一个群组动画,并且动画的帧率也很高:鸟群的运动很自然,非常值得研究.类似的群组动画还有鱼群,boi ...

  3. html ul 位置上移,JS移动li行数据,点击上移下移(是位置的互换,不是top的偏移量改变)...

    JS移动li行数据,点击上移下移 * { padding:0; margin:0; } .content {width:500px;margin:20px auto;} #pCon {width:50 ...

  4. 一文入门HTML+CSS+JS(样例后续更新)

    一文入门HTML+CSS+JS(样例后续更新) 前言 HTML,CSS和JS的关系 HTML head元素 title link meta body元素 设置网页正文颜色与背景颜色 添加网页背景图片 ...

  5. 前端js实现表格数据的上移下移

    vue项目需求中需要前端实现表格行数据的上移下移,效果如下 实现思路:主要使用前端对数组的操作方法splice() 代码: tableData: [{name: '1',id: '1'}, {name ...

  6. 使用Dynamic LINQ实现Ext Grid的远程排序

    要实现Ext Grid的远程排序其实很简单,只要修改查询语句的排序关键字就可以了,但是,如果你的项目是使用Linq进行开发的,会发现动态修改排序关键字并不是那么容易的事,解决办法就是使用LINQ Dy ...

  7. SNF快速开发平台MVC-各种级联绑定方式,演示样例程序(包含表单和表格控件)...

    做了这么多项目,经常会使用到级联.联动的情况. 如:省.市.县.区.一级分类.二级分类.三级分类.仓库.货位. 方式:有表单需要做级联的,还是表格行上需要做级联操作的. 实现:实现方法也有很多种方式. ...

  8. Layui 设置多个穿梭框,并增加上移下移置顶置底功能

    Layui 设置多个穿梭框,并增加上移下移置顶置底功能 介绍 针对layui穿梭框进行了一些修改,增加上移下移置顶置底功能,设置了右侧框的排序功能,按序取值,按序加载的功能. 基于layui 2.5. ...

  9. Ext.grid.ColumnModel设置

    Ext.grid.ColumnModel 用于定义Grid的列 用例 var colModel = new Ext.grid.ColumnModel([ {header: "Ticker&q ...

最新文章

  1. CentOS5 部署 戴尔OMSA
  2. linux中probe函数传递参数的寻找(下)
  3. Effective C++: noexcept
  4. python列表常用操作_Python列表(list)常用操作方法小结
  5. android长按加入购物车,《Android APP可能有的东西》之UI篇:加入购物车动画
  6. Win32ASM-进程学习【1】
  7. 工作笔记-关于工具函数的编写问题
  8. 学习Python不需要程基础?
  9. linux内核的队列实现移植
  10. OSB格式(REST)转化(XML到JSON,JSON到XML)
  11. Android Framework 全面分析 FallbackHome
  12. HighCharts:为plotLines基准线添加label标签不显示
  13. 【LeetCode】【字符串】题号:412. Fizz Buzz
  14. Delphi 正则表达式TPerlRegEx : Split 函数
  15. Java通过BCrypt加密
  16. word自带参考文献标注功能—以word2013为例
  17. oracle瘦身,数据库瘦身
  18. 2021年AR/VR创企融资39亿美元创纪录 元宇宙成为推手
  19. Tomcat: Error starting child 原因以及处理方法
  20. win10卸载git_提高win10 系统 git 速度的方法

热门文章

  1. mysql 深胡_Mysql胡说八道
  2. 计算机组成原理,计算机系统概论,计算机基本组成
  3. java 将换行代替_Java批量将文件中的段落替换成空格,根据指定分隔符换行(SQL示例)...
  4. MongoDB和Java(5):Spring Data整合MongoDB(注解配置)
  5. 04_传智播客iOS视频教程_类是以Class对象存储在代码段
  6. CentOS7 下调教mysql记实 之一
  7. kafka监控工具kafkaOffsetMoniter的使用
  8. Eclipse程序员要掌握的常用快捷键
  9. php excel 下拉菜单,使用 PHPExcel 遇到的一个问题:下拉列表的数据来源过长时,显示了别的正常的下拉列表的数据来源...
  10. python使用telnet远程连接linux系统读取信息_Linux服务笔记之一:Telnet 远程登录