ExtJS小技巧

一、从form中获取field的三个方法:

1、Ext.getCmp('id');

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

3、Ext.get('id/name');//前提是FormPanel在界面上显示出来了。

 

二、ExtJS如何给textfield赋值的三个方法:

var value="值";

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

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

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

 

三、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();//得到选择行的第一行

 

四、formPanel组件load数据时combo的自动赋值

  combo有个hiddenName这个属性,这个属性是真正提交的值,在加载的时候你将这个属性的设置到reader中,就可以自动选择到指定的值了,比如说:hiddenName:'value',那么你的reader中就应该有一个{name:'value'}.

 

五、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();

 

六、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));

				}

			}

		}

	})

}

 

 

你可能感兴趣的:(ExtJs)