橫向: 整個Radio Group使用column方式進行布局即可橫向顯示,但這樣的話只能顯示每一個Radio的BoxLabel,不能為Radio Group指定一個總的Label,所以第一個Radio再使用form布局進行嵌套,用它的fieldLabel作為Radio Group的Label.
縱向: 使用Form進行布局即可,但除了第一項之外的所有項需要把labelSeparator指定為空,以免出現(xiàn)多余的冒號
?
new Ext.FormPanel({ labelAlign: 'right', frame:true, title: 'Radio Group', bodyStyle:'padding:5px 5px 0', width: 400, items: [{ layout:'column',//列布局 items:[{ layout: 'form', items: [ new Ext.form.Radio({ fieldLabel: '橫向Radio Group', boxLabel:'opt1', name:'opt1' })] },{ items: [ new Ext.form.Radio({ boxLabel:'opt2', name:'opt1' })] },{ items: [ new Ext.form.Radio({ boxLabel:'opt3', name:'opt1' })] },{ items: [ new Ext.form.Radio({ boxLabel:'opt3', name:'opt1' })] }] },{ layout: 'form', items: [ new Ext.form.Radio({ fieldLabel: '縱向Radio Group', boxLabel:'opt1', name:'opt2' }), new Ext.form.Radio({ boxLabel:'opt2', labelSeparator:'', name:'opt2' }), new Ext.form.Radio({ boxLabel:'opt3', labelSeparator:'', name:'opt2' }), new Ext.form.Radio({ boxLabel:'opt3', labelSeparator:'', name:'opt2' }) ] }] });?
?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

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