ExtJs的Form布局学习
标签:
JavaScript
这是最重要的一个布局,几乎所有的表单界面都可以采用form布局,详细的用法本文不作讨论(可以查阅官方API文档),这里只给出一个简单的示例
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 26 27 28 29 30 31 32 33 34 35 36 37 | <script type= "text/javascript" > Ext.onReady( function () { var win = new Ext.Window({ title: "form Layout" , height: 150, width: 230, plain: true , bodyStyle: 'padding:15px' , items: { xtype: "form" , labelWidth: 30, defaultType: "textfield" , frame: true , items: [ { fieldLabel: "姓名" , name: "username" , allowBlank: false }, { fieldLabel: "呢称" , name: "nickname" }, { fieldLabel: "生日" , xtype: 'datefield' , name: "birthday" , width:127 } ] } }); win.show(); }); </script> |
点击查看更多内容
为 TA 点赞
0 评论
共同学习,写下你的评论
暂无评论
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦