1. 程式人生 > >ExtJS Grid 獲得選中項資料

ExtJS Grid 獲得選中項資料


function中的4個引數的含義,我們來參看下文件。
celldblclick : ( Grid this, Number rowIndex, Number columnIndex, Ext.EventObject e ) 
Fires when a cell is double clicked

(如果你希望是單擊,可以把celldblclick換成cellclick)
我們已經可以得到點選的那個項所對應的列索引和行索引,接下來要做的就是靠這兩個重要的索引去幫助找出你想要的資料。我們假設,記錄(Record)的field為['pid','name','gender','birthday'].
那麼我們先獲得Store,使用GridPanel的getStore()方法。
方法原型是:getStore() : DataSource
 ,這裡的DataSource其實就是Ext.data.Store.
然後我們使用getAt( Number index ) : Ext.data.Record方法去得到點選觸發事件的那個記錄(Record),
得到了Record後怎麼辦呢?注意哦,這裡的Record的用法並不是像Json那樣直接用屬性去取值的。
而是需要使用方法get( String name ) : Object 
這時,雖然返回的是Object,其實就已經是String了,可以直接alert或者做其他的處理。

相關推薦

ExtJS Grid 獲得選中資料

function中的4個引數的含義,我們來參看下文件。celldblclick : ( Grid this, Number rowIndex, Number columnIndex, Ext.EventObject e ) Fires when a cell is double clicked(如果你希望是單

elementUI el-select 多選情況下包含全部選項,及獲得選中的label

<template> <div> <span style="margin-left:30px;font-weight:bolder;">教練: <el-select v-model="staffId" pla

ExtJS Grid 按條件載入資料

var startDate=new Date().format("Y-m-d"); var endDate=new Date().add(Date.DAY,-7).format("Y-m-d"); var url='<%=request.getCont

extjs 獲取grid選中的id

var smRule = Ext.create('Ext.selection.CheckboxModel',{listeners: {     selectionchange: function(sm, selections) { //       alert("選擇了");         var rows

Extjs grid checkbox 根據資料初始化選中

背景:根據業務需求,需要在grid裡面載入很多資料,再根據每條資料的某個屬性確定該條資料是否被選中。 過程:google了一下,發現一個老外提供了下面的方法。 Ext.Ajax.request({ method: 'POST', url:

checkBox複選框,獲得選中那一行所有列的資料

function showCol(){ var check=$("input[name='one']:checked");//選中的複選框 check.each(function(){ va

Extjsgrid採用json進行資料繫結的例項

剛開始學習extjs,真是摸不著頭呀。 做了半天才搞出一個grid顯示資料。在網上找了個數據做了個測試。 一下是程式碼。 首先:把ext-3.1.0資料夾放到根目錄下。 新建一個Default.aspx。 view plaincopy to clipboardprint?&l

ExtJS Grid 分頁時保持選中的簡單實現方法

ExtJS中經常要用到分頁和選擇,但是當選擇遇到分頁的時候,杯具就發生了,每一次翻頁,其它頁面的選中行就消失了。Ext 沒有為我們提供內建的保持選中的支援,只有我們自己動手來實現了。先說一下具體的思路吧:首先在頁面中建立一個數組,用來儲存Grid的所有選中行,然後分別處理selModel的select和uns

easyUI(二) -- 怎麼實現多選並取得選中指定資料

在easyUI中實現多選是很簡單的一件事情 , 在你的表格中加一個 <th field="ck" checkbox="true"></th> , 就會出現checkBox

extjs grid資料改變後重新整理的實現

做了一個編輯extjs grid記錄的窗體,但更改資料後,怎麼重新重新整理grid讓資料顯示呢? 做了半天的嘗試,其實到最後只需一句話,faint:-) this.store.reload(); 不用加任何參加都可以了:-)

《隨筆》pyqt 獲取 TreeWidget 選中的內容

column mod tail 感謝 ng- details 支持 http log 感謝朋友支持本博客,歡迎共同探討交流。因為能力和時間有限,錯誤之處在所難免。歡迎指正! 假設轉載,請保留作者信息。 博客地址:http://blog.csdn.net/qq_213

Extjs grid 單元格編輯

code col null checkbox creat true 單元格編輯 source tex 實現grid勾選後出現編輯按鈕,通過增加一個字段checked來控制 事件如下: selectionchange: function (thi, sel

extjs grid grouping 關閉和展開

count 所有 pro () lookup group fields rem hand Ext.onReady(function() { var store = Ext.create(‘Ext.data.Store‘, { storeId: ‘emp

select默認選中顏色為灰色,選擇後變為黑色(js實現)

pre var select ted col item first round fin <script> var unSelected = "#999"; var selected = "#333"; $(function () {

easyui combobox默認選中

name findall field 輸入 sel json 方法 function var <script type="text/javascript"> $("#areaCombobox").combobox({

ASP.NET MVC中為DropDownListFor設置選中的方法

相等 ret info href submit value and number else 在MVC中,當涉及到強類型編輯頁,如果有select元素,需要根據當前Model的某個屬性值,讓Select的某項選中。本篇只整理思路,不涉及完整代碼。 □ 思路 往前臺視圖傳的類型

ExtJS配置與入門目創建

hid marker api 技術分享 分享 6.5 jre scroll ext Sencha Cmd下載:http://cdn.sencha.com/cmd/6.5.2/jre/SenchaCmd-6.5.2-windows-64bit.zip ExtJS-6.2.

Extjs grid讓某些行加粗顯示

extjs grid讓某些行加粗顯示頁面行字體加粗顯示,如:viewConfig:{ getRowClass: function(record){ return record.get("isRead") == 0 ? "boldFont" : &qu

Extjs校驗配置

文件上傳 onf value bob fin mint 空字符串 重置 字符數 Extjsform組件1、Ext.form.Action配置項:success:執行成功後回調的函數,包括兩個參數:form和actionfailure:執行失敗後回調的函數,包括兩個參數:fo

下拉框<select>設置選中的一個問題

pan 兩種 option code 下拉框 color 出現 sele click 基於jQuery,有兩種方式設置下拉 1、$("select").val(); 2、$("option:eq(1)").attr("selected","selected"); 方法