ExtJS Grid使用SimpleStore、多选框的方法


Posted in Javascript onNovember 20, 2009
///<reference path="./vswd-ext_2.0.2.js" /> 
Ext.onReady(function(){ 
var data = [ 
[1,"wilson.fu",10], 
[2,"wilson.fu2",20], 
[3,"wilson.fu3",30] 
]; var sqldata = new Array() ; 
for(var i=0;i<10;i++) 
{ 
sqldata.push([i.toString(),"wilson.fu" + i.toString(),10*i]); 
} 
var sm = new Ext.grid.CheckboxSelectionModel({handleMouseDown:Ext.emptyFn}); 
var cm = new Ext.grid.ColumnModel([ 
sm, 
{header:"编号",dataIndex:"id",sortable:true}, 
{header:"姓名",dataIndex:"name"}, 
{header:"排序值",dataIndex:"ordernum",sortable:true} 
]); 
var store = new Ext.data.SimpleStore({ 
fields:[ 
{name:"id"}, 
{name:"name"}, 
{name:"ordernum"} 
] 
}); 
store.loadData(sqldata); 
var gd = new Ext.grid.GridPanel({ 
renderTo:"grid", 
cm:cm, 
sm:sm, 
store:store, 
loadMask:true 
}); 
Ext.get("btn").on("click",function(){ 
var selections = gd.getSelectionModel().getSelections(); 
debugger 
//得到选择的行的值 
}); 
});
Javascript 相关文章推荐
javascript 弹出层组件(升级版)
May 12 Javascript
js实现addClass,removeClass,hasClass的函数代码
Jul 13 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
Jan 29 Javascript
JavaScript实现网站访问次数统计代码
Aug 12 Javascript
jquery带有索引按钮且自动轮播切换特效代码分享
Sep 15 Javascript
Javascript的表单验证长度
Mar 16 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
May 08 Javascript
原生JS进行前后端同构
Apr 22 Javascript
jQuery实现的中英文切换功能示例
Jan 11 jQuery
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
Nov 01 Javascript
Vue实现Header渐隐渐现效果的实例代码
Nov 05 Javascript
Jquery中增加参数与Json转换代码
Nov 20 #Javascript
ExtJS的FieldSet的column列布局
Nov 20 #Javascript
页面版文本框智能提示JS代码
Nov 20 #Javascript
js url传值中文乱码之解决之道
Nov 20 #Javascript
js trim函数 去空格函数与正则集锦
Nov 20 #Javascript
div移动 输入框不能输入的问题
Nov 19 #Javascript
ExtJS Window 最小化的一种方法
Nov 18 #Javascript
You might like
改造一台复古桌面收音机
2021/03/02 无线电
Syphon 使用方法
2021/03/03 冲泡冲煮
压力如何影响浓缩咖啡品质
2021/03/03 咖啡文化
php中$this-&amp;gt;含义分析
2009/11/29 PHP
ThinkPHP连接数据库的方式汇总
2014/12/05 PHP
php使用文本统计访问量的方法
2016/05/12 PHP
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
PHP高效获取远程图片尺寸和大小的实现方法
2017/10/20 PHP
PHP验证类的封装与使用方法详解
2019/01/10 PHP
Laravel5.5 手动分页和自定义分页样式的简单实现
2019/10/15 PHP
浅析PHP中json_encode与json_decode的区别
2020/07/15 PHP
jQuery lazyload 的重复加载错误以及修复方法
2010/11/19 Javascript
js动态添加onload、onresize、onscroll事件(另类方法)
2012/12/26 Javascript
JS删除数组元素的函数介绍
2013/03/27 Javascript
showModelDialog弹出文件下载窗口的使用示例
2013/11/19 Javascript
js动态调用css属性的小规律及实例说明
2013/12/28 Javascript
node.js中的fs.fstat方法使用说明
2014/12/15 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
纯JavaScript实现实时反馈系统时间
2017/10/26 Javascript
vue实现自定义日期组件功能的实例代码
2018/11/06 Javascript
在Vant的基础上封装下拉日期控件的代码示例
2018/12/05 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
2020/03/25 Javascript
彻底搞懂Python字符编码
2018/01/23 Python
用python编写第一个IDA插件的实例
2018/05/29 Python
Python实现简易过滤删除数字的方法小结
2019/01/09 Python
如何基于Python + requests实现发送HTTP请求
2020/01/13 Python
Python re正则表达式元字符分组()用法分享
2020/02/10 Python
python GUI库图形界面开发之PyQt5信号与槽基础使用方法与实例
2020/03/06 Python
在CentOS7下安装Python3教程解析
2020/07/09 Python
利用Python实现斐波那契数列的方法实例
2020/07/26 Python
利用python清除移动硬盘中的临时文件
2020/10/28 Python
英国音乐设备和乐器商店:Gear4music
2017/10/16 全球购物
英国排名第一的礼品体验公司:Red Letter Days
2018/08/16 全球购物
村主任群众路线个人对照检查材料
2014/09/26 职场文书
公安领导班子四风问题个人整改措施思想汇报
2014/10/09 职场文书
2015年七一建党节演讲稿
2015/03/19 职场文书