EXTJS 中 anchor 的用法

最新推荐文章于 2017-06-11 22:12:20 发布

摘花狼

最新推荐文章于 2017-06-11 22:12:20 发布

阅读量1.5w

点赞数 1

文章标签： extjs function layout 任务 ext

{
                   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属性无效。