Ext JS Feed Viewer-like feature

Question

我想用Ext JS MVC構建一個接口，但我不太確定使用哪些元素。我想實現的目標與Ext JS的Feed Viewer類似。無視左邊的框架，我不想要那個，但是我想要的是類似那個網格和它下面的東西（不能識別它是什麼類型的對象）。

我希望能夠擁有網格，並且當您單擊一個條目時，它應該在下面的部分中顯示更多詳細信息。

任何人都可以幫助我找到什麼對象（除了網格 - 我已經實現了）我需要實現以獲得來自Feed查看器的示例嗎？鏈接到一個非常簡單的教程也會很好，如果任何人有任何:)

Answer 1

下面的部分可能是一個面板 - Ext.panel.Panel（我認爲它在Feed Viewer中）。你可以使用Ext.XTemplate來填充html /文本。也就是說，當網格中的任何行被選中時（爲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(''); 
    } 
}