ExtJs的Column布局
Column布局有点象传统html中的table的td，但是也有不同的地方， 看下代码：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <script type="text/javascript"> Ext.onReady(function() { var win = new Ext.Window({ title: "Column Layout", height: 300, width: 400, plain: true, layout: 'column', items: [{ title:"width=50%", columnWidth:0.5, html:"width=(容器宽度-容器内其它组件固定宽度)*50%", height:200 }, { title:"width=250px", width: 200, height:100, html:"固定宽度为250px" } ] }); win.show(); });</script> |
1 2 3 4 5 | <tr> <td width="50%"></td> <td width="30px"><td> <td></td></tr> |
在table中,这里第一列会占到整个行的50%的宽度，而在ExtJs的column布局中，百分比是指(容器宽度-有固定width值组件的宽度)后，再乘相应百分比得到的宽度。
点击查看更多内容
为 TA 点赞
0 评论
共同学习，写下你的评论
暂无评论
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦