Ext grid js上移下移样例
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上移下移样例相关推荐
- 移动端报表JS开发演示样例
近期对移动端的报表开发颇有研究,细磨精算了好久,尽管到如今还是"囊中羞涩",但决定还是先抛砖引玉,拿点小干货出来和大家分享. 研究的工具是比較有代表性的FineReport. 1. ...
- webgl_gpgpu_birds 样例分析
webgl_gpgpu_birds 是一个 three.js 的官方样例,这个例子模拟了鸟群的运动,是一个群组动画,并且动画的帧率也很高:鸟群的运动很自然,非常值得研究.类似的群组动画还有鱼群,boi ...
- html ul 位置上移,JS移动li行数据,点击上移下移(是位置的互换,不是top的偏移量改变)...
JS移动li行数据,点击上移下移 * { padding:0; margin:0; } .content {width:500px;margin:20px auto;} #pCon {width:50 ...
- 一文入门HTML+CSS+JS(样例后续更新)
一文入门HTML+CSS+JS(样例后续更新) 前言 HTML,CSS和JS的关系 HTML head元素 title link meta body元素 设置网页正文颜色与背景颜色 添加网页背景图片 ...
- 前端js实现表格数据的上移下移
vue项目需求中需要前端实现表格行数据的上移下移,效果如下 实现思路:主要使用前端对数组的操作方法splice() 代码: tableData: [{name: '1',id: '1'}, {name ...
- 使用Dynamic LINQ实现Ext Grid的远程排序
要实现Ext Grid的远程排序其实很简单,只要修改查询语句的排序关键字就可以了,但是,如果你的项目是使用Linq进行开发的,会发现动态修改排序关键字并不是那么容易的事,解决办法就是使用LINQ Dy ...
- SNF快速开发平台MVC-各种级联绑定方式,演示样例程序(包含表单和表格控件)...
做了这么多项目,经常会使用到级联.联动的情况. 如:省.市.县.区.一级分类.二级分类.三级分类.仓库.货位. 方式:有表单需要做级联的,还是表格行上需要做级联操作的. 实现:实现方法也有很多种方式. ...
- Layui 设置多个穿梭框,并增加上移下移置顶置底功能
Layui 设置多个穿梭框,并增加上移下移置顶置底功能 介绍 针对layui穿梭框进行了一些修改,增加上移下移置顶置底功能,设置了右侧框的排序功能,按序取值,按序加载的功能. 基于layui 2.5. ...
- Ext.grid.ColumnModel设置
Ext.grid.ColumnModel 用于定义Grid的列 用例 var colModel = new Ext.grid.ColumnModel([ {header: "Ticker&q ...
最新文章
- CentOS5 部署 戴尔OMSA
- linux中probe函数传递参数的寻找(下)
- Effective C++: noexcept
- python列表常用操作_Python列表(list)常用操作方法小结
- android长按加入购物车,《Android APP可能有的东西》之UI篇:加入购物车动画
- Win32ASM-进程学习【1】
- 工作笔记-关于工具函数的编写问题
- 学习Python不需要程基础?
- linux内核的队列实现移植
- OSB格式(REST)转化(XML到JSON,JSON到XML)
- Android Framework 全面分析 FallbackHome
- HighCharts:为plotLines基准线添加label标签不显示
- 【LeetCode】【字符串】题号:412. Fizz Buzz
- Delphi 正则表达式TPerlRegEx : Split 函数
- Java通过BCrypt加密
- word自带参考文献标注功能—以word2013为例
- oracle瘦身,数据库瘦身
- 2021年AR/VR创企融资39亿美元创纪录 元宇宙成为推手
- Tomcat: Error starting child 原因以及处理方法
- win10卸载git_提高win10 系统 git 速度的方法
热门文章
- mysql 深胡_Mysql胡说八道
- 计算机组成原理,计算机系统概论,计算机基本组成
- java 将换行代替_Java批量将文件中的段落替换成空格,根据指定分隔符换行(SQL示例)...
- MongoDB和Java(5):Spring Data整合MongoDB(注解配置)
- 04_传智播客iOS视频教程_类是以Class对象存储在代码段
- CentOS7 下调教mysql记实 之一
- kafka监控工具kafkaOffsetMoniter的使用
- Eclipse程序员要掌握的常用快捷键
- php excel 下拉菜单,使用 PHPExcel 遇到的一个问题:下拉列表的数据来源过长时,显示了别的正常的下拉列表的数据来源...
- python使用telnet远程连接linux系统读取信息_Linux服务笔记之一:Telnet 远程登录