无法在屏幕上看到数据,但我可以在元素中看到它

时间:2011-01-28 15:23:10

标签: sencha-touch

我是sencha touch的新手,所以如果有人可以指出我的方向很好。我的问题是我想显示数据库中的数据。当我检查元素时,我看起来一切正常,但是我看不到屏幕上的数据这是我的代码:

getUserList.js

    Ext.regModel("User", {
            fields: [
                "id",
                "name",
                "username",
                "password",
                "email",
                "phone"
            ]
    });

    var myStore = new Ext.data.Store({
        model: 'User',
        proxy: {
            type: 'ajax',
            url : '../sencha/php/getUserList.php',
            reader: {
                type: 'json',
                root: 'results'
            }
        },
        autoLoad: true
    });



    var tpl = new Ext.XTemplate(
        '<tpl for=".">',
              '<div class="thumb-wrap" id="{id}">',
              '<div class="thumb">title="{name}"></div>',
              '<span class="x-editable">{name}</span></div>',
            '<div style="background-color:#00F" class="thumb-wrap" id="{id}">{id}</div>',
        '</tpl>',
        '<div class="x-clear"></div>'
    );

    var panel = new Ext.extend(Ext.Panel,{
        id:'images-view',
        frame:true,
        width:535,
        autoHeight:true,
        collapsible:true,
        layout:'fit',
        title:'Simple DataView',
        initComponent: function() {
            panel.superclass.initComponent.call(this);
        },

        items: new Ext.DataView({
            store: myStore,
            tpl: tpl,
            autoHeight:true,
            multiSelect: true,
            overItemCls:'x-view-over',
            itemSelector:'div.thumb-wrap',
            emptyText: 'No images to display'
        })
    });
    //panel.render(Ext.getBody());

      Ext.reg('userPanel', panel);

的index.html

<!DOCTYPE html>

                      用户

     <script type="text/javascript" src="sencha/sencha-touch.js"></script> 
     <script type="text/javascript" src="js/getUserList.js"></script> 

    <link href="sencha/resources/css/sencha-touch.css" rel="stylesheet" type="text/css" />



   <script type="text/javascript">
        var topPanel = {
            style: 'padding:15px; background-color: #F00',
            html: 'color2'
        };

        new Ext.Application({
            launch: function() {
                new Ext.Panel({
                    fullscreen: true,
                    layout: {
                        type: 'hbox',
                        align: 'stretch'
                    },
                    items:[{
                           xtype: 'userPanel'
                           }],
                    dockedItems: [topPanel]
                });
            }
        });        

</script>


</head>
<body></body>

感谢您提供的任何帮助!

1 个答案:

答案 0 :(得分:0)

我想通了,我必须在我的index.html文件中添加一个布局到我的xtype