Не вижу данных на экране, но вижу их в элементах

Я новичок в сенча-тач, поэтому, если кто-то может указать мне правильное направление, это было бы здорово. Моя проблема в том, что я хочу отображать данные из моей базы данных. Кажется, у меня все работает правильно, когда я проверяю элементы, я вижу данные, но не вижу данные на экране. Вот мой код:

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>

Thanks for any help you can provide!


sencha-touch
person bstras21    schedule 28.01.2011    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я понял это, мне пришлось добавить макет к моему xtype в моем файле index.html

person bstras21    schedule 28.01.2011