Extjs EditorGridPanel功能

<1>功能:修改一列 然後自動修改另一列

直接使用afteredit事件。當對一個單元格進行編輯完之後,就會觸發afteredit事件,可以通過該事件處理函數來處理單元格的信息編輯。


var gridPanel = new Ext.grid.EditorGridPanel({
				id : "id",
				store : myStore,
				height : 350,
				clicksToEdit : 1,
				cm : columnModel,
				sm : selectionModel,
				viewConfig : {
					forceFit : true,
					enableRowBody : false,
					showPreview : false
				},
				listeners:{
					afteredit: function(val) { 
						//列號對應store中的順序
                       	Ext.ux.Toast.msg("提示信息", "列號:"+val.column + "行號:"+val.row);
                       	Ext.ux.Toast.msg("提示信息", "字段名:"+val.field +"原始值:"+val.originalValue + "現在值:"+ val.value);
						//用set方法進行修改數值,用get方法進行獲取數值
						//下面的功能是quantityLeft自減1
						val.record.set("quantityLeft", val.record.get("quantityLeft") - (val.value - val.originalValue));
            		} 
				}
			});








效果圖:



發佈了493 篇原創文章 · 獲贊 115 · 訪問量 314萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章