EXTJS 中 anchor 的用法

 

EXTJS 中 anchor 的用法

标签： extjsfunctionlayout任务ext

2012-07-09 15:21  6781人阅读  评论(0)  收藏  举报

[html]  view plain  copy

1. {  
2.                    columnWidth:0.33,  
3.                      layout:'form',  
4.                          items:[{  
5.                   id:'missiontype',  
6.                   name:"mission.missiontype",  
7.                   xtype:'combo',  
8.                   fieldLabel:'任务类型',  
9.                   editable:false,  
10.                   store : gdlxStore,  
11.                   displayField:'gdlx',  
12.                    mode:'local',  
13.                   anchor:'100%',  
14.                   listeners:{  
15.                         'select':function(combo, record,index){  
16.                         dmlxCom.clearValue();   
17.                         if(this.getValue())  
18.                           dmlxStore.load({params:{missionType:this.getValue()}});  
19.                           //gdlxStore.reload();  
20.                                 }  
21.                                     }  
22.          }]  
23.          }  

 ext中许多组件都有anchor这个属性，他一般与布局column一起使用，以文本组件为例：columnWidth的值乘以anchor的值，即为本组件所占的长度。

另外注意：anchor不可与设置长度的属性width同时出现，否则，width属性无效。