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)簡(jiǎ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)文章
Extjs3.0 checkboxGroup 動(dòng)態(tài)添加item實(shí)現(xiàn)思路
Extjs3.0中的CheckboxGroup默認(rèn)不能動(dòng)態(tài)添加item,如需要數(shù)據(jù)動(dòng)態(tài)創(chuàng)建，試著創(chuàng)建整個(gè)CheckboxGroup，而不是動(dòng)態(tài)添加item，具體實(shí)現(xiàn)如下，感興趣的朋友可以了解下2013-08-08
ExtJS4 Grid改變單元格背景顏色及Column render學(xué)習(xí)
利用的是Column的render實(shí)現(xiàn)單元格背景顏色改變,本文給予了實(shí)現(xiàn)代碼，感興趣的朋友可以了解下，或許對(duì)你學(xué)習(xí)ExtJS4 Grid有所幫助2013-02-02
這篇文章主要介紹了ExtJS中設(shè)置下拉列表框不可編輯的方法,需要的朋友可以參考下2014-05-05
Extjs中使用extend(js繼承) 的代碼，抄<深入淺出Extjs>書(shū)2012-03-03
對(duì)于想了解extjs 的朋友有個(gè)幫助2008-12-12
Ext JS框架中日期函數(shù)的用法及日期選擇控件的實(shí)現(xiàn)
Ext JS中的Ext.Date可以看作是JavaScript中date的加強(qiáng)版,提供了許多進(jìn)階的日期操作函數(shù),下面我們就來(lái)看一下Ext JS框架中日期函數(shù)的用法及日期選擇控件的實(shí)現(xiàn)2016-05-05
解決ExtJS在chrome或火狐中正常顯示在ie中不顯示的瀏覽器兼容問(wèn)題
由于開(kāi)發(fā)過(guò)程中大多用chrome來(lái)調(diào)試，很少在ie中調(diào)試（現(xiàn)在兩者都要兼顧），導(dǎo)致最后在ie中頁(yè)面不能正常加載，當(dāng)時(shí)那個(gè)囧啊，看到ie報(bào)的錯(cuò)，我都想哭，連出錯(cuò)的堆棧信息都沒(méi)有（這一點(diǎn)，ie做的真不好），無(wú)從下手啊2013-01-01
ext combox 下拉框不出現(xiàn)自動(dòng)提示,自動(dòng)選中的解決方法
ext combox 如果想實(shí)現(xiàn)類(lèi)似于 baidu 搜索時(shí)的提示功能。必須禁止其分頁(yè)功能才可以。2010-02-02
層序遍歷在ExtJs的TreePanel中的應(yīng)用
今天幫朋友解決了一個(gè)問(wèn)題：使用ExtJs的TreePanel控件，如何得到樹(shù)的第一個(gè)葉子節(jié)點(diǎn)的信息。2009-10-10
學(xué)習(xí)ExtJS 訪問(wèn)容器對(duì)象
ExtJS 訪問(wèn)容器對(duì)象使用說(shuō)明，需要的朋友可以參考下。2009-10-10