博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Extjs中columnwidth与anchor的使用
阅读量:7050 次
发布时间:2019-06-28

本文共 992 字,大约阅读时间需要 3 分钟。

先上代码,注意文中的红色字体

 
  1. var form = new Ext.form.FormPanel({ 
  2.                 autoHeight : true
  3.                 id : 'reformId'
  4.                 frame:true
  5.                 width : 400, 
  6.                 border: false
  7.                 height:300, 
  8.                 labelWidth:60, 
  9.                 items: [{ 
  10.                     layout:'column'
  11.                     border:false
  12.                     items: [{ 
  13.                         layout:'form'
  14.                         border:false
  15.                         columnWidth:.7, //在这里写columnWidth,注意位置
  16.                         items:[{ 
  17.                         xtype : 'textfield'
  18.                         fieldLabel: '学校名称'
  19.                         id:'_ent_name'
  20.                         readOnly:true
  21.                         anchor:'100%', //在这里写anchor
  22.                         name:'entName'
  23.                         allowBlank:false 
  24.                         }] 
  25.                     },{layout:'form'
  26.                         border:false
  27.                         columnWidth:.3, 
  28.                         items:[{ 
  29.                         xtype:'button'
  30.                         text:'选择学校'
  31.                         name:'choiceEnt'
  32.                         anchor:'50%'
  33.                         listeners :{ 
  34.                             click :function(){ 
  35.                                 choiceTarget(); 
  36.                             } 
  37.                         } 
  38.                         }] 
  39.                     }]} 
  40.                     ,{ 
  41.                     layout:'column',items:[{ 
  42.                     layout:'form'
  43.                     border:false
  44.                     items:[accountGrid] 
  45.                     },{ 
  46.                         layout:'form'
  47.                         border:false
  48.                         items:[{ 
  49.                         xtype:'textarea'
  50.                         columnWidth:1, 
  51.                         fieldLabel:'备注'
  52.                         msgTarget : 'under'
  53.                         width:300, 
  54.                         height:80, 
  55.                         name:'note'
  56.                         emptyText:'请填写相关备注信息'}] 
  57.                     } 
  58.                 ] 
  59.                 }] 
  60.             }); 

看到了吧,如果一行中同一列有多个对象,就要用到columnWidth和anchor了,大家要注意它俩的位置,否则是出不了效果的。

本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/890288,如需转载请自行联系原作者

你可能感兴趣的文章
Java模拟Delegate
查看>>
记录下,我们平时开发当中不得不知道的HTTP状态码
查看>>
HDU-1045 Fire NetFire Net 最大团
查看>>
VC++6.0 按F1无法打开 MSDN 的解决办法
查看>>
Eclipse自动部署项目到Tomcat的webapps下的有效方法
查看>>
Extjs4快速上手三——实现主界面
查看>>
如何替代Flex?
查看>>
控制属性修改时间,控制时间,联合主键
查看>>
android-包签名
查看>>
Android开发和调试必备工具-SDK Tools
查看>>
【LeetCode】107. Binary Tree Level Order Traversal II (2 solutions)
查看>>
《微软的软件测试之道》读书笔记 之 结构测试技术
查看>>
ASP.NET中Session的个人浅谈
查看>>
数学图形之Kuen Surface
查看>>
ORACLE里锁有以下几种模式,v$locked_object,locked_mode
查看>>
【树莓派】Linux 测网速及树莓派源
查看>>
Java用户线程和守护线程
查看>>
[TypeScript] Use the never type to avoid code with dead ends using TypeScript
查看>>
Javascript 与 SPA单页Web富应用
查看>>
SpringMVC之访问静态文件
查看>>