当前位置: 首页 > 图文教程 > 网络编程 > Javascript > ExtJS Grid使用SimpleStore、多选框的方法

Javascript
jquery 操作单选框,复选框,下拉列表实现代码
js 数组实现一个类似ruby的迭代器
JavaScript 组件之旅(一)分析和设计
JavaScript 组件之旅(二)编码实现和算法
JavaScript 组件之旅(三):用 Ant 构建组件
JavaScript 组件之旅(四):测试 JavaScript 组件
小议javascript 设计模式 推荐
浅谈javascript 面向对象编程
javascript 时间比较实现代码
js apply/call/caller/callee/bind使用方法与区别分析
JavaScript 全角转半角部分
jquery 选择器部分整理
Firebug 字幕文件JSON地址获取代码
jQuery 判断元素上是否绑定了事件
javascript实现的距离现在多长时间后的一个格式化的日期
javascript 面向对象,实现namespace,class,继承,重载
javascript 通过封装div方式弹出div窗体
JScript 脚本实现文件下载 一般用于下载木马
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
网页禁用右键实现代码(JavaScript代码)

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 782 ::
收藏到网摘: n/a

ExtJS 中Grid使用SimpleStore、多选框的方法,需要的朋友可以参考下。
复制代码 代码如下:

///<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
//得到选择的行的值
});
});