无法在itemTpl中显示包含表格的列表

时间:2014-05-15 12:23:47

标签: sencha-touch sencha-touch-2.1

我有一个列表,其中包含itemtpl中的表

{
                                            xtype: 'list',
                                            deferEmptyText: false,  
                                            height:140,
                                            store:'Store',
                                            scrollable:false,                                                                                           
                                            itemTpl:'<table><tr><td><b>{A}</b></td></tr><tr><td>{B} </td></tr><tr><td>{C}</td><td>{value}</td></tr></table>'
}

我店里的数据是

{ A:'Name1',
  B:'Name2',
  C:'Name3',
  value:0
}

我希望数据显示为

Name1    0 
Name2    0
Name3    0

我应该如何在我的商店中安排数据,以便能够以上述格式显示。现在,td标签无法按预期运行。

1 个答案:

答案 0 :(得分:0)

首先转到here,看看如何使用itemTpl。关于您的查询,请尝试以下代码段:

            {
                xtype: 'list',
                itemTpl: '{title} {value}',
                data: [
                {
                    title: 'Name1',
                    value: 0
                },
                {
                    title: 'Name2',
                    value: 0
                },
                {
                    title: 'Name3',
                    value: 0
                },
                {
                    title: 'Name4',
                    value: 0
                }
                ]
            }

通过这种方式,您将获得所需的数据格式。这里data只是store。所以在你的商店里,数据应该是这样的。