Absolute 布局繼承 Ext.layout.container.Anchor 布局方式,并增加了 X/Y 配置選項對子組件進行定位, Absolute 布局的目的是為了擴展布局的屬性,使得布局更容易使用。
Ext.application( { name:'absolute', launch:function(){ Ext.create( 'Ext.panel.Panel', { title:'absolut布局', width:500, height:300, //父容器的位置 x:20, y:30, //設置布局為absolute layout:'absolute', renderTo:Ext.getBody(), items:[ { //設置控件的位置 x: 10, y: 10, xtype:'label', text: 'Send:' },{ x: 80, y: 10, name: 'to', xtype:'textfield', anchor:'90% ' },{ x: 10, y: 40, xtype:'label', text: 'Subject:' },{ x: 80, y: 40, name: 'subject', xtype:'textfield', anchor: '90% ' },{ x:0, y: 80, xtype: 'textareafield', name: 'msg', anchor: '100% 100%' } ] } ) } } )
效果圖
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
