Extjs sencha 2：如何在容器中显示dataview

我在controller中创建了dataview，但它不能正常显示。 我是森查的新手，需要帮助

app.js

Ext.application({

    name: 'ajmd',
    views: [
        'center'
    ],
    controllers: [
        'center'
    ],
    launch: function() {
        Ext.Viewport.add([{
            xtype:'centerView'
        }]);       
    }
});

center.js（视图）

center.js（控制器）

结果

Ext.application({

    name: 'ajmd',
    views: [
        'center'
    ],
    controllers: [
        'center'
    ],
    launch: function() {
        Ext.Viewport.add([{
            xtype:'centerView'
        }]);       
    }
});

这将被添加到容器中

======================================================

如果我在dataview中取消注释这些项目，它只能在dataview中显示项目（hello world），但不能始终显示名称和年龄。我想不出是什么问题

---

谢谢。

Ext4中没有Ext.dataview.dataview组件

尝试使用Ext.DataView

检查以下位置的工作代码：

---

将

，

从

main:'centerView'，

的末尾删除，此处：

refs:{
    main:'centerView',
},

---

谢谢@Undefined，@Benka

我通过添加宽度和高度配置来解决这个问题

var touchTeam = Ext.create('Ext.DataView', {
            // fullscreen: true,
            // items:[{
            //  xtype:'panel',
            //  html:'hello world'
            // }],
            width:'100%',
            height:'100%',
            store: {
                fields: ['name', 'age'],
                data: [
                    {name: 'Jamie Avins',  age: 100},
                    {name: 'Rob Dougan',   age: 21},
                    {name: 'Tommy Maintz', age: 24},
                    {name: 'Jacky Nguyen', age: 24},
                    {name: 'Ed Spencer',   age: 26}
                ]
            },
            itemTpl:'<div>{name} is {age} years old</div>'
        });

var touchTeam=Ext.create（'Ext.DataView'{
//全屏：对，
//项目：[{
//xtype:“面板”，
//html:“你好，世界”
// }],
宽度：'100%'，
高度：'100%'，
商店：{
字段：[“姓名”、“年龄”]，
数据：[
{姓名：'Jamie Avins'，年龄：100}，
{姓名：'Rob Dougan'，年龄：21}，
{姓名：'Tommy Maintz'，年龄：24}，
{姓名：'Jacky Nguyen'，年龄：24}，
{姓名：'Ed Spencer'，年龄：26}
]
},
itemTpl:“{name}是{age}岁”
});

我发现数据被app.css的块隐藏了 .x-layout-card{位置：相对；溢出：隐藏}

事实上，如果我的css覆盖了x-layout-card，则数据可以显示，但不能在手机上显示。但如果我使用宽度和高度配置，数据可以显示在手机和网络上

谢谢大家

---

这是我第一次在这里提问。这太棒了，感谢您的回复。

您希望显示什么？我只想用dataview显示store中的文字。感谢您的回复。我尝试Ext.DataView，但没有改变，问题仍然存在。此外，这些代码在sencha 2.2.1中使用，您使用的是哪个版本的extjs？谢谢，我收到了您的代码，但我仍然不确定我的问题是什么。实际上，我不确定显示dataview的因素是什么。这不会是一个问题@我想这可能取决于你在哪里使用它。我遇到了很多关于尾随

，

逗号的问题。基本上，它可以破坏Sencha中的整个代码。是的，逗号也会在IE7及以下浏览器中产生问题。但在他的例子中，他说当他取消注释那些注释行时，他的代码是有效的。因此，在他的情况下，逗号不是问题。很抱歉以一般方式评论-：）谢谢，但在删除了trail逗号后问题仍然存在。酷！我很高兴你找到了解决办法。它是有效的，接受你自己的答案，这样其他人就可以从中学习；）

refs:{
    main:'centerView',
},

var touchTeam = Ext.create('Ext.DataView', {
            // fullscreen: true,
            // items:[{
            //  xtype:'panel',
            //  html:'hello world'
            // }],
            width:'100%',
            height:'100%',
            store: {
                fields: ['name', 'age'],
                data: [
                    {name: 'Jamie Avins',  age: 100},
                    {name: 'Rob Dougan',   age: 21},
                    {name: 'Tommy Maintz', age: 24},
                    {name: 'Jacky Nguyen', age: 24},
                    {name: 'Ed Spencer',   age: 26}
                ]
            },
            itemTpl:'<div>{name} is {age} years old</div>'
        });