首頁 web前端 js教程 ExtJS Grid使用SimpleStore、多选框的方法_extjs

ExtJS Grid使用SimpleStore、多选框的方法_extjs

May 16, 2016 pm 06:41 PM
extjs grid

复制代码 代码如下:

///
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 = 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
//得到选择的行的值
});

});
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

手把手帶你使用CSS Flex和Grid佈局實現3D骰子(附程式碼) 手把手帶你使用CSS Flex和Grid佈局實現3D骰子(附程式碼) Sep 23, 2022 am 09:58 AM

在前端面試中,常會問到如何使用 CSS 實現骰子/麻將佈局。以下這篇文章為大家介紹一下用CSS 創建一個 3D 骰子(Flex和Grid佈局實現3D骰子)的方法,希望對大家有幫助!

如何使用PHP和ExtJS實現強大Web應用功能 如何使用PHP和ExtJS實現強大Web應用功能 Jun 25, 2023 am 11:40 AM

隨著Web應用的不斷發展和普及,越來越多的企業和個人開始使用PHP和ExtJS來建立強大的網路應用程式。 PHP作為一種流行的伺服器端腳本語言,具有良好的跨平台性和易於學習的特點,而ExtJS則是一種流行的前端框架,可以幫助開發人員快速建立互動式Web應用介面。本文將介紹如何使用PHP和ExtJS實現強大Web應用功能。建立PHP和MySQL資料庫連線在使用

了解五個常用的CSS佈局框架 了解五個常用的CSS佈局框架 Jan 16, 2024 am 09:20 AM

CSS版面框架:探索常用的五大版面框架引言:在網頁設計中,版面是至關重要的一環。而CSS佈局框架可以幫助我們快速地建立出具有不同佈局風格的網頁。本文將介紹其中的五個常用的CSS佈局框架,並提供具體的程式碼範例,以幫助讀者更好地理解和使用這些框架。一、Bootstrap:Bootstrap是目前最受歡迎的CSS佈局框架之一。它擁有豐富的組件和強大的響應式功能,可以

CSS 自適應版面屬性優化技巧:flex 和 grid CSS 自適應版面屬性優化技巧:flex 和 grid Oct 21, 2023 am 08:03 AM

CSS自適應佈局屬性優化技巧:flex和grid在現代Web開發中,實現自適應佈局是一項非常重要的任務。隨著行動裝置的普及和螢幕尺寸的多樣化,確保網站在各種裝置上都能良好地展示,並適應不同的螢幕尺寸,是一個必不可少的要求。幸運的是,CSS提供了一些強大的屬性和技巧來實現自適應佈局。本文將重點放在兩個常用的屬性:flex和grid,並提供具體的程式碼範例

CSS 相對佈局屬性詳解:position 和 relative CSS 相對佈局屬性詳解:position 和 relative Oct 26, 2023 am 10:01 AM

CSS相對佈局屬性詳解:position和relative在前端開發中,佈局常常是開發者需要面對的問題,為了更好地控制元素在頁面中的位置,CSS提供了多種佈局方式。其中,相對佈局是一種非常常用的佈局方式,透過使用position和relative屬性,我們能夠靈活地調整元素的位置和大小。 position屬性用來定義元素的定位方式,常見的取值

CSS 面板佈局屬性:grid 和 grid-template-columns CSS 面板佈局屬性:grid 和 grid-template-columns Oct 25, 2023 am 08:15 AM

CSS面板佈局屬性:grid和grid-template-columns在現代網頁佈局中,面板佈局是​​一種常見的設計方式,能夠將網頁內容以網格的形式進行排列。而CSS中的grid佈局屬性以及其中的grid-template-columns屬性,則是實現面板佈局的關鍵。一、grid佈局屬性簡介grid佈局屬性是CSS中用來建立網格佈局的屬性,透過將HTML

UniApp實作頁面佈局與響應式設計的實作技巧 UniApp實作頁面佈局與響應式設計的實作技巧 Jul 05, 2023 pm 01:57 PM

UniApp實作頁面佈局與響應式設計的實作技巧導語:UniApp是一個基於Vue.js框架的跨平台開發工具,能夠同時開發iOS、Android、H5等多個平台的應用程式。本文將介紹如何利用UniApp實現頁面佈局和響應式設計,並提供一些實用的程式碼範例。一、頁面佈局Flex佈局Flex佈局是頁面佈局中常用的一種方式,它能夠自動適應不同螢幕大小和裝置。在UniApp

HTML教學:如何使用Grid佈局進行柵格平均佈局 HTML教學:如何使用Grid佈局進行柵格平均佈局 Oct 19, 2023 am 10:49 AM

HTML教學:如何使用Grid佈局進行柵格平均佈局在網頁設計中,柵格佈局(GridLayout)是一種常用的佈局方式,它可以有效地將網頁內容劃分為多個欄目,並進行靈活的排列和佈局。本教學將介紹如何使用HTML和CSS的Grid佈局來實現柵格平均佈局,並提供具體的程式碼範例。一、什麼是柵格佈局?柵欄佈局是一種將頁面劃分為多個欄目的佈局方式,這些欄位可以按照行和

See all articles