Ext JS Feedビューアのような機能

Question

Ext JS MVCを使用してインターフェイスを構築したいのですが、どの要素を使用するのかよくわかりません。私が達成したいのはExt JSのFeed Viewerに似ています。左のフレームを無視して、私はそれを望んでいないが、私が望むものは、そのグリッドのようなものであり、その下のもの（どのようなオブジェクトであるかを特定できない）である。

グリッドができるようにしたいと思います。エントリをクリックすると、下のセクションで詳細が表示されます。

フィードビューアのサンプルを実装するために実装する必要があるオブジェクト（グリッドに加えて既に実装済み）を見つけるのに役立つ人はいますか？誰かがあれば、非常にシンプルなチュートリアルへのリンクもいいでしょう:)

Answer 1

以下のセクションは、Ext.panel.Panel（フィードビューアにあると思います）です。 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(''); 
    } 
} 

また、あなたのパネルの設定でテンプレートを指定することができます。

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