ホームページ > ウェブフロントエンド > jsチュートリアル > ExtJS Grid が SimpleStore と複数選択 box_extjs を使用する方法

ExtJS Grid が SimpleStore と複数選択 box_extjs を使用する方法

WBOY
リリース: 2016-05-16 18:41:27
オリジナル
1162 人が閲覧しました
复制代码代码如下:

///
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 {
sqldata.push([i.toString(),"wilson.fu" i.toString(),10*i]);
}

var sm = 新しい 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({
フィールド:[
{name:"id"},
{name:"name"},
{name:"ordernum"}
]
});

store.loadData(sqldata);

var gd = new Ext.grid.GridPanel({
renderTo:"グリッド",
cm:cm、
sm:sm、
store:store、
loadMask:true
});

Ext.get("btn").on(" click",function(){
var selected = gd.getSelectionModel().getSelections();
debugger
//獲得した実行的值
});

});

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート