Question

我只是sencha触控技术的初学者。现在我有一个简单的问题。如何调整场集宽度并仅对齐到中心？我只获得仅为全屏设置的字段集。请给我一个解决方案。

这是我的javascript

          items:[{
                xtype:'fieldset',
                title :'Please enter your password key',

                centered: true,
                width: 30,

                items:[{
                        xtype: 'passwordfield',
                        name : 'password',
                        label: 'password',
                        width : 400,



                    }]






              }],

Answer 1

不要在代码中使用硬编码值，当您为多个分辨率制作应用程序时这很糟糕

请尝试下面显示的代码，它适用于我

layout: {
            type: 'vbox',
            pack: 'center',
            align: 'center'
        },
    items:[{
                xtype:'fieldset',
                title :'Please enter your password key',

                //centered: true,
                //width: 30,

                items:[{
                        xtype: 'passwordfield',
                        name : 'password',
                        label: 'password',
                        //width : 400,
               }]
     }]

由于

Answer 2

试试这个，

items:[{
              xtype:'fieldset',
              title :'Please enter your password key',

              centered: true, // using this you can align fieldset to center
              width: '80%',   // using this you can give any width to it in percentage

              items:[{
                     xtype: 'passwordfield',
                     name : 'password',
                     label: 'password',      
                     }]  
              }],

OR

items:[{
              xtype:'fieldset',
              title :'Please enter your password key',

             // centered: true,
              margin: '10%',
              width: '80%',
              height: '20%',

              items:[{
                     xtype: 'passwordfield',
                     name : 'password',
                     label: 'password',  
                     }]

              }],

希望这对你有所帮助。

Answer 3

试

style：{ textAlign：'center'，宽度：'100px'}

Answer 4

ST2中的

像这样把它放在容器里面

{
  xtype: 'container',
  centered: true,
  items:{
       xtype: 'fieldset',
       items :[
         //your items here
       ]
  }
}

调整字段集宽度并调整到中心

4 个答案: