extjs常用基础技巧实用总结

原文链接：extjs常用基础技巧实用总结

近来一段使用extjs开发统计系统，刚上手还在学习过程中，有很多组件的属性和方法还不是很熟悉，有种新学一种语言的感觉，不过extjs开发后台管理系统，确实是非常方便的，所以学习extjs还是很有必要的，下面把一些extjs的基础知识，通过id查找组件的方法分享给大家。

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

１、Ext.getCmp(‘id’);

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

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

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

var value=”值”;

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

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

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

over!记录下来供以后学习参考，再有新的东西继续……