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 相关文章推荐
js Html结构转字符串形式显示代码
Nov 15 Javascript
Javascript堆排序算法详解
Dec 03 Javascript
分享经典的JavaScript开发技巧
Nov 21 Javascript
浅析JavaScript作用域链、执行上下文与闭包
Feb 01 Javascript
BootStrap实用代码片段之一
Mar 22 Javascript
用file标签实现多图文件上传预览
Feb 14 Javascript
最后说说Vue2 SSR 的 Cookies 问题
May 25 Javascript
Bootstrap-table自定义可编辑每页显示记录数
Sep 07 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
vue图片加载失败时用默认图片替换的方法
Aug 29 Javascript
node.js实现http服务器与浏览器之间的内容缓存操作示例
Feb 11 Javascript
js正则匹配markdown里的图片标签的实现
Mar 24 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
模仿OSO的论坛(三)
2006/10/09 PHP
纯php生成随机密码
2015/10/30 PHP
jQuery1.6 使用方法一
2011/11/23 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
2012/09/16 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
2013/12/04 Javascript
关于JavaScript对象的动态选择及遍历对象
2014/03/10 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
2015/03/03 Javascript
jQuery滚动加载图片实现原理
2015/12/14 Javascript
js+html5操作sqlite数据库的方法
2016/02/02 Javascript
JavaScript数组方法大全(推荐)
2016/07/05 Javascript
关于vue.js弹窗组件的知识点总结
2016/09/11 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
Javascript动画效果(4)
2016/10/11 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
2016/11/09 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
2017/02/22 Javascript
vue一步步实现alert功能
2017/07/05 Javascript
JavaScript屏蔽Backspace键的实现代码
2017/11/02 Javascript
Vue的事件响应式进度条组件实例详解
2018/02/04 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
2018/12/20 Javascript
jQuery实现弹出层效果
2019/12/10 jQuery
jQuery中event.target和this的区别详解
2020/08/13 jQuery
vue+elementui通用弹窗的实现(新增+编辑)
2021/01/07 Vue.js
[00:27]DOTA2战队VP、Secret贺新春
2018/02/11 DOTA
python使用rabbitmq实现网络爬虫示例
2014/02/20 Python
Python专用方法与迭代机制实例分析
2014/09/15 Python
python opencv 简单阈值算法的实现
2019/08/04 Python
python 解决flask uwsgi 获取不到全局变量的问题
2019/12/22 Python
解决django 向mysql中写入中文字符出错的问题
2020/05/18 Python
美国领先的家居装饰和礼品商店:Kirkland’s
2017/01/30 全球购物
迪卡侬荷兰官网:Decathlon荷兰
2017/10/29 全球购物
学校经典推荐信
2013/10/30 职场文书
高中生评语大全
2014/04/25 职场文书
2014年党务公开方案
2014/05/08 职场文书
趣味运动会广播稿
2014/09/13 职场文书
浅谈Nginx 中的两种限流方式
2021/03/31 Servers
JavaScript原始值与包装对象的详细介绍
2021/05/11 Javascript