Question

我想使用Ext JS MVC构建一个接口，我不太确定要使用哪些元素。我想要实现的类似于Ext JS的Feed Viewer。忽略左边的框架，我不希望这样，但我想要的是，就像那个网格和它下面的东西（无法识别它是什么类型的对象）。

我希望能够拥有一个网格，当您点击一个条目时，它应该在下面的部分中显示更多细节。

有没有人可以帮我找到什么对象（除了我已经实现的Grid之外）我需要实现以便从Feed Viewer中获取示例？一个非常简单的教程的链接也很好，如果有人有任何：）

Answer 1

下面的部分可以是一个面板 - Ext.panel.Panel（我认为它在Feed Viewer中）。您可以使用Ext.XTemplate用html / text填充它。也就是说，当选择网格中的任何行（为selectionchange事件创建侦听器）时，您将获得关联记录并将其与Ext.XTemplate一起使用以生成HTML。

selectionchange: function(sm, records) {
    var panel = Ext.getCmp('mypanel');
    var tpl = new Ext.XTemplate(
        '<p>Name: {name}</p>'
    );
    if (records.length > 0) {
        tpl.overwrite(panel.body, records[0].data);
    } else {
        panel.update('');
    }
}

您还可以在面板配置中指定模板：

{
    xtype: 'panel',
    tpl: '<p>Name: {name}'
}

......这种方式将听众简化为：

selectionchange: function(sm, records) {
    var panel = Ext.getCmp('mypanel');
    if (records.length > 0) {
        panel.update(records[0].data);
    } else {
        panel.update('');
    }
}

Ext JS Feed Viewer类似功能

1 个答案: