1

我正在学习煎茶触摸。我在容器中使用 xtype:'list' 时遇到问题。即它没有向我显示任何内容。我的代码是:

{
    xtype:'container',
    items:[
        {
            xtype: 'list',
            id: 'lists',
            fields: [{name:'name'}],
            store: {
                data: [
                    {name: 'Cowper'},
                    {name: 'Everett'},
                    {name: 'University'},
                    {name: 'Forest'}
                ]
            },
            itemTpl: '<div>{name}</div>'
        }
    ],
}

请指出我错在哪里??任何帮助都会很棒:)在此先感谢。

4

2 回答 2

0

我认为添加时可以解决:

layout: 'fit'

到你的容器。此配置调整其组件的大小。

ST2 布局指南

请注意,列表实际上是一个容器。尽量减少嵌套。
也看看全屏配置。

于 2013-01-04T12:50:11.283 回答
0

问题出在您的代码中。试试这个 -

Ext.create('Ext.List', {
    fullscreen: true,
    id:'lists',
    itemTpl: '<div>{name}</div>',
    data: [
        {name: 'Cowper'},
        {name: 'Everett'},
        {name: 'University'},
        {name: 'Forest'}
    ]
});

或者

Ext.define('TestModel', {
    extend: 'Ext.data.Model',
    config: {
        fields: ['name']
    }
});

var store = Ext.create('Ext.data.Store', {
   model: 'TestModel',
   data: [
        {name: 'Cowper'},
        {name: 'Everett'},
        {name: 'University'},
        {name: 'Forest'}
   ]
});

Ext.create('Ext.List', {
   fullscreen: true,
   id:'lists',
   itemTpl: '<div>{name}</div>',
   store: store   
});
于 2013-01-04T13:19:11.673 回答