ExtJS小技巧

1、從form中獲取field的三個方法：

１、Ext.getCmp('id');

２、FormPanel.getForm().findField('id/name');

３、Ext.get('id/name');//前提是FormPanel在界面上顯示出來了。

 

2、ExtJS如何給textfield賦值的三個方法：

var value="值";

１、 fs.form.findField(id/name).setValue(value);

２、 Ext.get(id/name).setValue(value);

３、 Ext.getCmp(id).setValue(value);

 

3、Ext grid中獲得選擇行的方法

 

在Ext grid中假設有一個名稱爲grid的對象。

(1)grid.getStore().getRange(0,store.getCount());//獲得grid全部的行

(2)grid.getSelectionModel().getSelections()//獲得選擇全部行

(3)grid.selModel.selections.items;//獲得選擇全部行

(4)grid.getSelectionModel().getSelected();//獲得選擇行的第一行

 

4、formPanel組件load數據時combo的自動賦值

　　combo有個hiddenName這個屬性，這個屬性是真正提交的值，在加載的時候你將這個屬性的設置到reader中,就能夠自動選擇到指定的值了，好比說：hiddenName:'value',那麼你的reader中就應該有一個{name:'value'}.

 

5、ExtJS 重置表單的方法：

有三種方法能實現form表單的重置，假設var fs=new Ext.form.FormPanel({...}); (1)fs.form.reset();//重置form (2)fs.getForm().getEl().dom.reset();//重置form (3)Ext.getCmp('fs').form.reset();

 

6、GRID中加載編輯事件

 

{
	id: 'pulicarea',
	header: '公攤面積',
	dataIndex: 'pulicarea',
	hidden : false,
	width: 60,
	editor: new Ext.form.TextField({
		allowBlank: false,
		listeners:{
			change : function(ed,newValue,oldValue){
				//alert('newValue='+newValue+';oldValue='+oldValue);
				var usearea = grid.getSelectionModel().getSelected().get("usearea");
				if (usearea == undefined){
					grid.getSelectionModel().getSelected().set('usearea',0);
					grid.getSelectionModel().getSelected().set('buildarea',newValue);
				}else{
					grid.getSelectionModel().getSelected().set('buildarea',parseFloat(usearea) + parseFloat(newValue));
				}
			}
		}
	})
}