1

私は正常に動作するリスト詳細ビューを持っています.tplがあり、アイテムはありません。他のコンポーネントを追加したいので、items 配列を追加しましたが、tpl が表示されなくなりました。私はtplをメイン構成に保持し、それをコンポーネントとして追加して無駄にしようとしました(データは適切なtplがどこにあるかをどのように知っていますか?)-理想的には、リストデータを挿入できるようにしたいと思いますページのどこでも - つまり、アイテムの上、下、およびアイテムの間。これはどのように行われますか？

Ext.define("App.view.ListDetail", {
    extend: "Ext.Container",
    record: undefined,
    config: {
        layout: 'vbox',
        style: "padding: 5px;",
        scrollable: true,
        //  tpl: ["<div>", "name<br />verified star<br />avatar pic", "</div>"].join(""), // this works fine if I have no items array


        //adding this causes above tpl to no longer render
        items: [
        {
            xtype: 'component',
            tpl: ["<div>", "name<br />verified star<br />avatar pic", "</div>"].join(""),  //this does nothing
        },
        {
            xtype: 'panel',
            //more stuff here

        },
        ] 
    }
});
4

1 に答える 1

3

残念ながら、コンポーネントの html を更新するため、tplと構成を混在させることはできません。items

目的を達成するには、items構成に別の項目を追加して、必要な場所に配置してから、カスタム構成をその項目に追加する必要がありtplます。

dataまた、ご存知だと思いますが、構成を と一緒に使用する必要があります。そうしないとtpl、何も表示されません。

Ext.define("App.view.ListDetail", {
    extend: "Ext.Container",
    record: undefined,
    config: {
        layout: 'vbox',
        style: "padding: 5px;",
        scrollable: true,

        //adding this causes above tpl to no longer render
        items: [
            {
                xtype: 'component',
                tpl: ["<div>", "name<br />verified star<br />avatar pic", "</div>"].join("")  //this does nothing
            },
            {
                xtype: 'panel'
                //more stuff here

            },
            {
                tpl: ["<div>", "name<br />verified star<br />avatar pic", "</div>"].join("") // this works fine if I have no items array
            }
        ]
    }
});
于 2012-02-12T20:18:22.127 に答える