ExtJS小技巧

最新推荐文章于 2018-01-21 14:29:23 发布

javaPie

最新推荐文章于 2018-01-21 14:29:23 发布

阅读量323

点赞数

分类专栏： ExtJs

ExtJs 专栏收录该内容

246 篇文章

订阅专栏

ExtJS小技巧

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

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