首页 > 其他 > 详细

sencha touch overlay 里使用 list

时间:2014-02-23 23:53:23      阅读:649      评论:0      收藏:0      [点我收藏+]

1 sencha touch 中 list 如果不设置一个固定高度或 flex : 1,  list 的内容就不会显示出来。

主要是因为 list 是可滚动的,你不设置高度 ,list 的高度默认就是 0px。

其实数据都是在的,只是没有显示出来。遇到 list 不显示的情况, 一般先看  dom 中是否有数据, 再看 store 中是否有

数据,如果 dom 中有数据就是布局的问题了。

2 今天在 overlay 中套了一个 list, 发现设 flex : 1 是没用的,必须设置一个固定高度才能显示。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
Ext.define(‘MyTest.view.Overlay‘, {
    extend : "Ext.Panel",
    xtype : ‘myoverlay‘,
     
    config : {
        modal : true,
        hideOnMaskTap : true,
        showAnimation : {
            type : ‘popIn‘,
            duration : 250,
            easing : ‘ease-out‘
        },
        hideAnimation : {
            type : ‘popOut‘,
            duration : 250,
            easing : ‘ease-out‘
        },
        centered : true,
        width : 300,
        height : 400,
        //styleHtmlContent : true,
        items : [ {
            docked : ‘top‘,
            xtype : ‘toolbar‘,
            title : ‘测试‘
        }, {
            xtype : ‘list‘,
            height : 290,  // work
           // flex : 1,   //not work
            itemTpl : ‘{name}---{age}‘,
            store : ‘mystoreid‘
        } ],
 
        scrollable : true
    }
});

  

sencha touch overlay 里使用 list

原文:http://www.cnblogs.com/lesliefang/p/3561828.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!