1. 程式人生 > >ExtJs——獲取GridPanel中的行資料的詳細資訊

ExtJs——獲取GridPanel中的行資料的詳細資訊

首先來一段GridPanel的定義:

	var sm2 = new Ext.grid.CheckboxSelectionModel({});
	/** 定義Grid2的資料來源 */
	var personStore = new Ext.data.JsonStore({
		method : "POST",
		fields : ["id","organizationName","holderBirth","holderName","basicCardno","holderTel"]		//與Grid1列一致,至少列名稱一致
	});
	var personColumn = new Ext.grid.ColumnModel([sm2, {
		header : 'ID',
		sortable : true,
		hidden : true,
		dataIndex : 'id'
	}, {
		header : 'organizationName',
		sortable : true,
		hidden : true,
		dataIndex : 'organizationName'
	}, {
		header : '姓名',
		sortable : true,
		dataIndex : 'holderName'
	}, {
		header : '卡號',
		sortable : true,
		dataIndex : 'basicCardno'
	}, {
		header : '生日',
		sortable : true,
		dataIndex : 'holderBirth'
	}, {
		header : '電話',
		sortable : true,
		dataIndex : 'holderTel'
	}]);
	
	var personGrid = new Ext.grid.GridPanel({
		region : 'center',
		title : "出席會議的人員列表",
		height : 200,
		border : true,
		store : personStore,
		tbar: [btn_save, '-', btn_remove, '-', btn_check],
		viewConfig : {
			forceFit : true
		},
		cm: personColumn,
		sm: sm2
	});

比如personGrid中選擇了多行,我們就來獲取這選擇的多行的詳細資訊:

			/** 組織右側personGrid中的資料,格式:[{id,name};{id,name}] */
			var personStore = personGrid.getStore(); 
			for(var i = 0; i < personStore.getCount(); ) {
				var sublist = "";
				/** 獲取詳細資訊*****begin */			
				var holderName = personStore.getAt(i).get("holderName");
				var holderBirth = personStore.getAt(i).get("holderBirth");
				var basicCardno = personStore.getAt(i).get("basicCardno");
				var holderTel = personStore.getAt(i).get("holderTel");
				/** 獲取詳細資訊*****begin */				
				sublist = "{holderName:" + holderName + ",holderBirth:" + holderBirth + ",basicCardno:" + basicCardno + ",holderTel:" + holderTel + "}";
				if(i == personStore.getCount() -1) {
					dataList = dataList + sublist;
				}else{
					dataList = dataList + sublist + ";";
				}
				i = i + 1;
			}
			dataList = dataList + "]";

相關推薦

ExtJs——獲取GridPanel中的行資料詳細資訊

首先來一段GridPanel的定義: var sm2 = new Ext.grid.CheckboxSelectionModel({}); /** 定義Grid2的資料來源 */ var personStore = new Ext.data.JsonStore({

ExtJs學習筆記(7)_獲取GridPanel中行詳細資訊

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w

Qt 獲取exe版本等詳細資訊

【El_equilibrio 原創】      核心函式:VerQueryValue       VerQueryValue這個函式用於從版本資源中獲取資訊。呼叫這個函式前,必須先用GetFileVersionInfo函式獲取版本資源資訊。這個函式會檢查資源資訊,並將

DataGridView如何獲取中行資料並更新

前言:機房合作的時候有一個反饋的功能,使用者和操作員可以對網咖的情況提出一些反饋。管理員處理反饋資訊。這裡面需要做的就是用DataGridView控制元件,選中某一行,然後進行更新。然而可以選中某一行,但是更新不了,於是就查了好多部落格,大多都是關於如何選中某一行,但是沒有關於如何更新的

gridcontrol獲取中行資料

int selectRow = gridView1.GetSelectedRows()[0];  string id = this.gridView1.GetRowCellValue(selectRow, "id").

Easyui datagrid 獲取中行資料

Easyui datagrid 獲取選中的第一行資料 //獲取選中的第一行資料 var row = $('#dg_id').datagrid('getSelected'); Easyui dat

解決---MISCONF Redis被配置為儲存RDB快照,但目前無法在磁碟上存留。可能修改資料集的命令被禁用。請檢查Redis日誌,瞭解有關錯誤的詳細資訊

出現bug: 在學習celery,將資料儲存到redis時出現下面的bug。 consumer: Cannot connect to redis://192.168.12.188:6379/3: MISCONF Redis is configured to save RDB sn

Extjs獲取grid資料

Extjs中獲取grid資料一、得到grid所有的行資料   var s=Ext.getCmp('Grid1').getStore();        for(var i = 0 ;i< s.getCount(); i++){ &

獲取作業系統的詳細資訊--程式碼實現

1、GetVersionExA的使用 OSVERSIONINFO 結構體獲取 標頭檔案:#include <windows.h> OSVERSIONINFO osvi; ZeroMemory(osvi, sizeof(OSVERSIONINFO)); osvi.dwOSV

獲取作業系統的詳細資訊---基礎

自己開始在CSDN上寫,就是因為總結這個的時候,由於意外新浪退出,所以gg了。 不知道記得多少了。 整理這個是因為有個問題是,獲取win10版本資訊的時獲取的結果是win8。 微軟給出兩個解決方案: 1、修改manifes,針對windows的應用程式(我根據網友的提示自己試了,

asp程式碼微信使用者獲取座標位置及詳細地址省市縣區街道等資訊

//獲取定位 //$(".getLocation").on(“click”, function(){ wx.getLocation({ type: ‘gcj02‘, // 預設為wgs84的gps座標,如果要返回直接給openLocation用的火星座標,可傳入‘gcj02‘ success

微信好友詳細資訊獲取 微信 好友ip查詢

測試地址 點選開啟 微信免點選連結獲取好友地址 此方法需要在電腦端實施,網站內需要下載指定的PC端微信,切記 !要取消pc端微信的自動更新功能。 1.輸入自定義識別碼 ,設定的最好複雜一點,防止他人盜用,生成你的專屬連結地址 2.把生成的連結傳送到PC端微信的檔案傳輸助

Python:獲取異常的詳細資訊

#!/usr/bin/env python # coding:UTF-8 """ @version: python3.x @author:曹新健 @contact: [email protected] @software: PyCharm @file: 1、獲取

關於ExtJS GridPanel幻影資料解決辦法

這個問題是很早以前發現的,最近偶然再次遇見了,把以前整理的筆記分享一下 var records = store.getUpdatedRecords();// 獲取修改的行的資料,無法獲取幻影資料 var records =

jqgrid如何使用delRowData函式批量刪除 selarrrow獲取的多個選中行資料及注意事項

由於jqgrid沒有提供批量刪除行的函式,因此要實現批量刪除選中行資料,就只能: 先獲取選中行rowIds 遍歷選中行rowIds,逐個呼叫delRowData(string rowid)刪除行資料。 看上去挺簡單,但是這裡有個很大的坑,那就是jqgrid獲取選中

vue-baidu-map vue專案中使用百度地圖(搜尋,資訊視窗,獲取地點詳細資訊

最近做了一個垃圾分類的專案,要求使用百度地圖。主要實現以下幾個功能: 1、點選地圖獲取到經緯度和地點資訊 2、點選地圖實時顯示資訊視窗 3、區域搜尋功能,具體功能就是如下圖 ↓ 兩個api網址,一個vue-baidu-map的api,一個JavaScript的百度

百度api實現框選,顯示框選區域內的資料,並且點選資料點顯示詳細資訊

下面我貼上所有原始碼,分享給大家,後臺資料隨便大家如何獲取1.開啟地圖,右上角是繪製多邊形的工具條。引用DrawingManager_min.js和DrawingManager_min.css即可2.選擇框選型別。框選區域,判斷點是否在多邊形中,大家可以參考百度提供的這個j

使用ShellClass獲取檔案屬性詳細資訊

首先引用COM元件         Microsoft Shell Controls And Automation      這裡需要注意         DLL的屬性Embed Interop Type 設為False      否則會引起互操作型別異常  

微信公眾號開發《一》OAuth2.0網頁授權認證獲取使用者的詳細資訊,實現自動登陸

從接觸公眾號到現在,通過不斷積累學習,對如何呼叫微信提供介面有了一定的見解。當然在開發過程中遇到很多問題,現在把部分模組功能在這備案一下,做個總結也希望能給其他人幫助 工欲善其事,必先利其器,先看看開發公眾號需要準備或瞭解什麼 web開發工具:官方提供的開發工具,使用自己

微信小程式授權獲取使用者詳細資訊openid的例項詳解

小程式獲取使用者的頭像暱稱openid之類  雪利酒網路科技 第一種使用wx.getUserInfo直接獲取微信頭像,暱稱 ? 1 2 3 4 5 6 7 8