来自数据存储的值未在sencha中填充

时间:2014-08-12 03:24:32

标签: javascript extjs sencha-touch

我有一个sencha应用程序,它从用户json对象呈现用户列表。我正在使用itemTpl来呈现用户列表。即使我看到数据已成功获取,我也看不到页面中已填充数据。

Ext.define('App.view.Main', {
    extend :'Ext.Panel',
    xtype : 'main',
    requires:['Ext.dataview.List', 'App.store.UserStore'],
    config : {

        items : [
         {
             xtype:'list',
             itemTpl:'<tpl for=".">\
                                <div>\
                                    {name}\
                                    </div>\
                               </tpl>' , 
            store:'UserStore',
            items:
                   [
                    {
                        xtype:'panel',
                        docked:'top',
                        html:'Please select any below item'
                    }
                ]
         }
       ]     
   }

});

演示:https://fiddle.sencha.com/#fiddle/8ob

1 个答案:

答案 0 :(得分:0)

您不需要for循环来显示列表项,因为itemTpl像循环一样运行。 所以你的tpl会是这样的: -

 itemTpl: [
          '<div>{name}</div>'
          ]