ExtJS Grid使用SimpleStore、多選框的方法
更新時間: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:"編號",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)雙向動態(tài)綁定
- JavaScript判斷表單中多選框checkbox選中個數(shù)的方法
- ExtJS 下拉多選框lovcombo
- javascript 單選框,多選框美化代碼
- 用原生JS實(shí)現(xiàn)簡單的多選框功能
- 兼容ie和firefox版本的js反選 全選 多選框
- 用 Javascript 驗(yàn)證表單(form)中多選框(checkbox)值
- html+javascript+bootstrap實(shí)現(xiàn)層級多選框全層全選和多選功能
- AngularJS 單選框及多選框的雙向動態(tài)綁定
- JS實(shí)現(xiàn)多選框的操作
相關(guān)文章
Extjs3.0 checkboxGroup 動態(tài)添加item實(shí)現(xiàn)思路
Extjs3.0中的CheckboxGroup默認(rèn)不能動態(tài)添加item,如需要數(shù)據(jù)動態(tài)創(chuàng)建,試著創(chuàng)建整個CheckboxGroup,而不是動態(tài)添加item,具體實(shí)現(xiàn)如下,感興趣的朋友可以了解下2013-08-08
ExtJS4 Grid改變單元格背景顏色及Column render學(xué)習(xí)
利用的是Column的render實(shí)現(xiàn)單元格背景顏色改變,本文給予了實(shí)現(xiàn)代碼,感興趣的朋友可以了解下,或許對你學(xué)習(xí)ExtJS4 Grid有所幫助2013-02-02
Ext JS框架中日期函數(shù)的用法及日期選擇控件的實(shí)現(xiàn)
Ext JS中的Ext.Date可以看作是JavaScript中date的加強(qiáng)版,提供了許多進(jìn)階的日期操作函數(shù),下面我們就來看一下Ext JS框架中日期函數(shù)的用法及日期選擇控件的實(shí)現(xiàn)2016-05-05
解決ExtJS在chrome或火狐中正常顯示在ie中不顯示的瀏覽器兼容問題
由于開發(fā)過程中大多用chrome來調(diào)試,很少在ie中調(diào)試(現(xiàn)在兩者都要兼顧),導(dǎo)致最后在ie中頁面不能正常加載,當(dāng)時那個囧啊,看到ie報(bào)的錯,我都想哭,連出錯的堆棧信息都沒有(這一點(diǎn),ie做的真不好),無從下手啊2013-01-01
ext combox 下拉框不出現(xiàn)自動提示,自動選中的解決方法
ext combox 如果想實(shí)現(xiàn)類似于 baidu 搜索時的提示功能。必須禁止其分頁功能才可以。2010-02-02
層序遍歷在ExtJs的TreePanel中的應(yīng)用
今天幫朋友解決了一個問題:使用ExtJs的TreePanel控件,如何得到樹的第一個葉子節(jié)點(diǎn)的信息。2009-10-10

