使用模板显示列表项

Question

我正在使用sencha touch 2.2.1。我想以这样的方式显示列表项，即项目的标题显示在左侧，其值显示在右侧。为此我使用itemTpl，其中我使用'table'标签。但是，列的宽度根据列的内容而改变，而与给予列的宽度无关。

请在下面找到我的代码：

   {
            xtype: 'list',
            flex: 1,
            ui: 'round',
            data:[
                { title:'Descriptions', text: 'Change MP3 System'},
                { title:'Priority', text: 'Very High'},
                { title: 'Change Coord', text: 'Eudes Canuto'},
                { title: 'Target Data', text: '20.08.2013'},
                { title: 'LOB', text: 'Electronice'},
                { title: 'Major Change', text: 'Yes'},
                { title:'Risk', text: 'High'}
            ],
            itemTpl: new Ext.XTemplate(
                    '<table style="border:1px solid black; border-spacing: 10px;">',
                        '<tpl for=".">',
                            '<tr>',
                                '<td style="border:1px solid black;padding: 30px;">{title}</td>',
                                '<td style="border:1px solid black;padding: 30px;">{text}</td>',
                            '</tr>',
                        '</tpl>',
                    '</table>'                      
            )
        }

有没有其他方法来指定列的宽度，以便内容将在列内部以相等的间距调整，而不管其内容如何？

Answer 1

在模板中使用表格不是一个好主意。使用div格式化项目要容易得多。表格用于表格数据（即电子表格），而不是布局。