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 相关文章推荐
经常用到的JavasScript事件的翻译
Apr 09 Javascript
JavaScript下申明对象的几种方法小结
Oct 02 Javascript
javascript五图轮播切换实用版
Aug 17 Javascript
ExtJS实现文件下载的方法实例
Nov 09 Javascript
使用JavaScript获取电池状态的方法
May 03 Javascript
gridview生成时如何去掉style属性中的border-collapse
Sep 30 Javascript
浅谈JavaScript超时调用和间歇调用
Aug 30 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
Sep 17 Javascript
理解jquery事件冒泡
Jan 03 Javascript
JavaScript 数组中最大最小值
Jun 05 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
Sep 11 Javascript
vue使用ajax获取后台数据进行显示的示例
Aug 09 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
让你的PHP同时支持GIF、png、JPEG
2006/10/09 PHP
PHP 写文本日志实现代码
2010/05/18 PHP
laravel自定义分页效果
2017/07/23 PHP
一个简单的jQuery插件制作 学习过程及实例
2010/04/25 Javascript
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
jQuery实现长按按钮触发事件的方法
2015/02/02 Javascript
JavaScript控制网页层收起和展开效果的方法
2015/04/15 Javascript
JavaScript 继承详解(六)
2016/10/11 Javascript
详解JavaScript RegExp对象
2017/02/04 Javascript
详解a++和++a的区别
2017/08/30 Javascript
vue2.0与bootstrap3实现列表分页效果
2017/11/28 Javascript
在vue-cli中组件通信的方法
2017/12/16 Javascript
nodejs 最新版安装npm 的使用详解
2018/01/18 NodeJs
vue 组件使用中的一些细节点
2018/04/25 Javascript
详解js中Array的方法及技巧
2018/09/12 Javascript
layui实现给某一列加点击事件
2019/10/26 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
Django imgareaselect手动剪切头像实现方法
2015/05/26 Python
python逐行读写txt文件的实例讲解
2018/04/03 Python
python GUI库图形界面开发之PyQt5控件QTableWidget详细使用方法与属性
2020/02/25 Python
Python数据相关系数矩阵和热力图轻松实现教程
2020/06/16 Python
CSS3实现粒子旋转伸缩加载动画
2016/04/22 HTML / CSS
纯css3实现照片墙效果
2014/12/26 HTML / CSS
Kathmandu英国网站:新西兰户外运动品牌
2017/03/27 全球购物
文秘专业毕业生就业推荐信
2013/11/08 职场文书
2014厂务公开实施方案
2014/02/17 职场文书
标准版离职证明书
2014/09/12 职场文书
2015教师年度考核评语
2015/03/25 职场文书
2016学习雷锋精神活动倡议书
2015/04/27 职场文书
食堂管理制度范本
2015/08/04 职场文书
中秋节主题班会
2015/08/14 职场文书
高中政治教学反思
2016/02/23 职场文书
2016年小学六一儿童节活动总结
2016/04/06 职场文书
演讲稿之我的初心我的成长
2019/08/12 职场文书
拥有这5个特征人,“命”都不会太差
2019/08/16 职场文书
python库Tsmoothie模块数据平滑化异常点抓取
2022/06/10 Python