0

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

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

フィードビューアから例を取得するために実装する必要があるオブジェクト（グリッドに加えて、すでに実装済み）を見つけるのを手伝ってくれる人はいますか？誰かが持っているなら、非常に簡単なチュートリアルへのリンクもいいでしょう:)

4

1 に答える 1

3

以下のセクションはパネルになる可能性があります-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('');
    }
}

パネル設定でテンプレートを指定することもできます:

{
    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('');
    }
}
于 2012-04-16T03:20:40.533 に答える