ExtJS Grid使用SimpleStore、多選框的方法
更新時(shí)間:2009年11月20日 20:48:42 作者:
ExtJS 中Grid使用SimpleStore、多選框的方法,需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
///<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:"編號(hào)",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
//得到選擇的行的值
});
});
您可能感興趣的文章:
- AngularJS單選框及多選框?qū)崿F(xiàn)雙向動(dòng)態(tài)綁定
- JavaScript判斷表單中多選框checkbox選中個(gè)數(shù)的方法
- ExtJS 下拉多選框lovcombo
- javascript 單選框,多選框美化代碼
- 用原生JS實(shí)現(xiàn)簡單的多選框功能
- 兼容ie和firefox版本的js反選 全選 多選框
- 用 Javascript 驗(yàn)證表單(form)中多選框(checkbox)值
- html+javascript+bootstrap實(shí)現(xiàn)層級(jí)多選框全層全選和多選功能
- AngularJS 單選框及多選框的雙向動(dòng)態(tài)綁定
- JS實(shí)現(xiàn)多選框的操作
相關(guān)文章
Extjs學(xué)習(xí)過程中新手容易碰到的低級(jí)錯(cuò)誤積累
新手在學(xué)習(xí)Extjs過程中的低級(jí)錯(cuò)誤積累2010-02-02ExtJS 學(xué)習(xí)專題(一) 如何應(yīng)用ExtJS(附實(shí)例)
相信大家已經(jīng)領(lǐng)略了ExtJs的魅力,那么要如何應(yīng)用ExtJS呢?2010-03-03Extjs中的GridPanel隱藏列會(huì)顯示在menuDisabled中解決方法
在Extjs中的GridPanel會(huì)有這樣的情況,隱藏列會(huì)顯示在menuDisabled中,但是這個(gè)一般沒有什么用處,只是用于后臺(tái)取值的作用,感興趣的朋友可以了解下啊,希望本文對(duì)你有所幫助2013-01-01ExtJS 2.0實(shí)用簡明教程之應(yīng)用ExtJS
應(yīng)用extjs需要在頁面中引入extjs的樣式及extjs庫文件2009-04-04