最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - How do get label on left side of single element wiht ExtJs? - Stack Overflow

programmeradmin6浏览0评论

I have a tab:

var tabs = new Ext.TabPanel({
                                xtype:'tabpanel',
                                activeTab: 0,
                                autoScroll: false,
                            //  layoutOnTabChange: true,
                                  defaults:{
                                    bodyPadding: 10,
                                    layout: 'anchor'
                                },
                                items: [{
                                    title:'Общие сведения',
                                    layout:'column',
                                    items:[{
                                        columnWidth:.5,
                                        layout: 'form',
                                        items: [{
                                            xtype:'textfield',
                                            fieldLabel: 'Площадь кв.м.',
                                            name: 'area',
                                            anchor:'80%'
                                        },{
                                            labelAlign: 'left',
                                            xtype:'checkbox',
                                            fieldLabel: 'Межевание',
                                            name: 'mezj',
                                            anchor:'80%'
                                        },{
                                            xtype:'textfield',
                                            fieldLabel: 'Кадастровая стоимость',
                                            name: 'paid',
                                            anchor:'80%'
                                        },{
                                            xtype:'textfield',
                                            fieldLabel: 'Тип переоформленного права',
                                            name: 'right',
                                            anchor:'80%'
                                        },{
                                            xtype:'textfield',
                                            fieldLabel: 'Код документа',
                                            name: 'doc_id',
                                            anchor:'80%'
                                        }]
                                    }
////**/////

And how its looks:

You see that all labels places on top. Its allright but i want to place checkbox's label on right.

xtype:'checkbox',
fieldLabel: 'Межевание',
name: 'mezj',
anchor:'80%',
labelAlign: 'left',

I use this but not help. IOts possible to change labelAlign of single element?

I have a tab:

var tabs = new Ext.TabPanel({
                                xtype:'tabpanel',
                                activeTab: 0,
                                autoScroll: false,
                            //  layoutOnTabChange: true,
                                  defaults:{
                                    bodyPadding: 10,
                                    layout: 'anchor'
                                },
                                items: [{
                                    title:'Общие сведения',
                                    layout:'column',
                                    items:[{
                                        columnWidth:.5,
                                        layout: 'form',
                                        items: [{
                                            xtype:'textfield',
                                            fieldLabel: 'Площадь кв.м.',
                                            name: 'area',
                                            anchor:'80%'
                                        },{
                                            labelAlign: 'left',
                                            xtype:'checkbox',
                                            fieldLabel: 'Межевание',
                                            name: 'mezj',
                                            anchor:'80%'
                                        },{
                                            xtype:'textfield',
                                            fieldLabel: 'Кадастровая стоимость',
                                            name: 'paid',
                                            anchor:'80%'
                                        },{
                                            xtype:'textfield',
                                            fieldLabel: 'Тип переоформленного права',
                                            name: 'right',
                                            anchor:'80%'
                                        },{
                                            xtype:'textfield',
                                            fieldLabel: 'Код документа',
                                            name: 'doc_id',
                                            anchor:'80%'
                                        }]
                                    }
////**/////

And how its looks:

You see that all labels places on top. Its allright but i want to place checkbox's label on right.

xtype:'checkbox',
fieldLabel: 'Межевание',
name: 'mezj',
anchor:'80%',
labelAlign: 'left',

I use this but not help. IOts possible to change labelAlign of single element?

Share Improve this question edited Oct 31, 2012 at 11:26 Kliver Max asked Oct 31, 2012 at 11:10 Kliver MaxKliver Max 5,29924 gold badges101 silver badges157 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 7

Use the boxLabel property instead of the fieldLabel to get your label on the right side of the checkbox.

发布评论

评论列表(0)

  1. 暂无评论