> 웹 프론트엔드 > JS 튜토리얼 > ExtJS Grid가 SimpleStore 및 다중 선택 상자를 사용하는 방법_extjs

ExtJS Grid가 SimpleStore 및 다중 선택 상자를 사용하는 방법_extjs

WBOY
풀어 주다: 2016-05-16 18:41:27
원래의
1160명이 탐색했습니다.
复제대码 代码如下:

///<참조 경로="./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:"姓name",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();
디버거
//得到选择的行的值
});

});

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿