EXTJS 中 anchor 的用法

 

EXTJS 中 anchor 的用法

标签： extjsfunctionlayout任务ext
2012-07-09 15:21 6781人阅读 评论(0) 收藏 举报

[html] view
plain copy

{  

                   columnWidth:0.33,  

                     layout:'form',  

                         items:[{  

                  id:'missiontype',  

                  name:"mission.missiontype",  

                  xtype:'combo',  

                  fieldLabel:'任务类型',  

                  editable:false,  

                  store : gdlxStore,  

                  displayField:'gdlx',  

                   mode:'local',  

                  anchor:'100%',  

                  listeners:{  

                        'select':function(combo, record,index){  

                        dmlxCom.clearValue();   

                        if(this.getValue())  

                          dmlxStore.load({params:{missionType:this.getValue()}});  

                          //gdlxStore.reload();  

                                }  

                                    }  

         }]  

         }  

 ext中许多组件都有anchor这个属性，他一般与布局column一起使用，以文本组件为例：columnWidth的值乘以anchor的值，即为本组件所占的长度。
另外注意：anchor不可与设置长度的属性width同时出现，否则，width属性无效。