最近在用Sencha Touch2写一个页面的时候 出现一点问题,页面上有一个selectfield 下面有一个按钮,
当点击下拉列表的时候,出现按钮没被挡住的情况
点击时按钮跑到上面来了
当时代码如下
1 Ext.define('app.view.PerQuerPanel',{
2 extend:'Ext.form.Panel',
3 xtype:'perQuerPanel',
4
5 requires:[
6 'app.view.FindPerPanel'
7 ],
8
9 config:{
10 scrollable:false,
11 items:[{
12 xtype:'selectfield',
13 label: '分公司',
14 name:'company',
15 store:'ComListStore'
16 },{
17 xtype:'textfield',
18 label:'代码',
19 name:'pid'
20 },{
21 xtype:'textfield',
22 label:'姓名',
23 name:'pname'
24 },{
25 xtype:'button',
26 id:'findPerBtn',
27 width:'40%',
28 left:'30%',
29 ui:'action',
30 text:'查找'
31 },{
32 xtype:'findPerPanel'
33 }]
34 }
35 });
后来发现是button里面的left属性的原因,但是去掉之后按钮就不居中了,我也没看到有居中的属性,
最后把left属性写到css文件里面 解决了