如何在sencha touch2中制作可视列表

时间:2012-05-19 09:17:55

标签: sencha-touch sencha-touch-2

我是sencha touch2的新手。我想在页面中显示列表。绑定发生成功。但我无法看到数据,但能够滚动页面。请任何人都可以帮助我。我面对这个问题。谢谢。

我的代码在这里:

Ext.define("Sencha.view.ProjectListView", {
    extend: 'Ext.form.Panel',    
    xtype: 'projectListepage',
    id: 'projectListepage',
    requires: [
        'Ext.data.JsonP'
    ],
    config: {
        scrollable: true,
        items: [{
            xtype: 'panel',
            id: 'JSONP'
        },
            {
                docked: 'top',
                xtype: 'toolbar',
                flex: 3,
                items: [{
                    text: 'Project Deatils',
                    handler: function () {
                        var list = Ext.getCmp('JSONP'),
                        tpl = new Ext.XTemplate([
                            '<tpl for=".">',
                                   '<img src="{MainImageUrl}"/><label>{ProjectName}</label><p class="temp_low">{ShortDescription}</p>', //                                                                    
                            '</tpl>',
                    ]);
                        Ext.data.JsonP.request({
                            url: 'http://localhost:53985/PropertyService.svc/GetAllProject',
                            callbackKey: 'callback',
                            params: {

                            },
                            callback: function (success, request) {
                                var project = request;
                                if (project) {
                                    list.updateHtml(tpl.applyTemplate(project));
                                }
                                else {
                                    alert('There was an error retrieving the weather.');
                                }
                            }
                        });
                    }
                }]
            }]
    }
});

1 个答案:

答案 0 :(得分:1)

我没有在您的代码示例中看到您创建列表的位置。您需要延长'Ext.List'或使用xtype:'list'。在sencha touch 2 docs中有一些关于如何创建列表的简单示例。 http://docs.sencha.com/touch/2-0/#!/api/Ext.dataview.List