Sencha Touch 遮盖的问题

最近在用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文件里面 解决了

 

posted @ 2012-03-15 12:40  大肉包子  阅读(295)  评论(0编辑  收藏  举报