ExtJS button 居中 按钮居中

ExtJS 按钮居中 buttonAlign: 'center',

 1 var formPanel = Ext.create('Ext.form.Panel',{
 2             title: '基本设置',
 3             fieldDefaults: {
 4                 labelAlign: 'left',
 5                 labelStyle: 'font-weight:bold'
 6             },
 7             defaults: {
 8                 width: '100%',
 9                 bodyPadding: 10
10             },
11             layout: 'anchor', // column
12             items: [{
13                 id: 'form-setting',
14                 title: '基本设置',
15                 buttonAlign: 'center',
16                 items: [{
17                     xtype: 'textfield',
18                     fieldLabel: '网站地址',
19                     vtype: 'url',
20                     name: 'base_url',
21                     width: 500,
22                     afterLabelTextTpl: required,
23                     allowBlank: false
24                 },{
25                     xtype: 'textfield',
26                     fieldLabel: '静态文件地址',
27                     vtype: 'url',
28                     name: 'site_static',
29                     width: 500,
30                     allowBlank: false
31                 },{
32                     xtype: 'textfield',
33                     fieldLabel: '错误日志阈值',
34                     name: 'log_threshold',
35                     width: 500,
36                     afterLabelTextTpl: required,
37                     allowBlank: false
38                 },{
39                     xtype: 'textfield',
40                     fieldLabel: '加密密钥',
41                     name: 'encryption',
42                     width: 500,
43                     afterLabelTextTpl: required,
44                     allowBlank: false
45                 },{
46                     xtype: 'textfield',
47                     fieldLabel: '版本号',
48                     name: 'version',
49                     width: 500,
50                     afterLabelTextTpl: required,
51                     allowBlank: false
52                 },{
53                     xtype: 'datefield',
54                     fieldLabel: '版本时间',
55                     name: 'versionTime',
56                     format: 'Y-m-d h:i:s',
57                     width: 300,
58                     afterLabelTextTpl: required,
59                     allowBlank: false
60                 },{
61                     xtype: 'textfield',
62                     fieldLabel: '反向代理"诱导多能性"',
63                     name: 'proxyIps',
64                     width: 500,
65                     allowBlank: true
66                 }],
67                 buttons: [{
68                     margin: '0 20 0 0',
69                     text: '保存',
70                     handler: function( )
71                     {
72                         if( this.up('form').getForm().isValid() )
73                         {
74                             me.submit_changeSetting( );
75                         }
76                     }
77                 }]
78             }]
79         });

 

posted @ 2014-08-27 14:54  cowa  阅读(1480)  评论(0)    收藏  举报