Ext.view.Viewのすべての項目（XTemplate）にカスタム値を設定（および取得）します

Question

Ext.view.Viewの各項目にカスタム値を追加します。アイテムがクリックされるときに開く必要があります。

私はAPIドキュメントを読んでいますが、私はカスタム関数を設定する方法しか見つけられませんでしたが、カスタム属性も設定すると問題になりますか？

tpl: Ext.create('Ext.XTemplate', 
     '<tpl for=".">', 
     '<div class="mfo-view">', 
     '<img src="{image}" alt="{image}" />', 
     '<p>{title}</p>', 
     '</div>', 
     '</tpl>', 
     mycustomproperty: '{property}' 
    ), 

：私はこのような何かをしたいと思います

Ext.define('MyApp.view.desktop.Icons', { 
    extend: 'Ext.view.View', 
    alias : 'widget.iconsdataview', 

    tpl: Ext.create('Ext.XTemplate', 
    '<tpl for=".">', 
    '<div class="mfo-view">', 
    '<img src="{image}" alt="{image}" />', 
    '<p>{title}</p>', 
    '</div>', 
    '</tpl>' 
), 

    itemSelector: 'div.mfo-view', 
    store: 'Icons', 
    style: 'margin: 2em;', 
    overItemCls: 'mfo-view-over', 
    trackOver: true 
}); 

：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.XTemplate

を編集1：任意の提案私が読んでいる何

ため

感謝

、その後DBLCLICKイベント（擬似コード）

itemdblclick(obj, ...) { 
    openMyWindow(obj.mycustomproperty); 
} 

希望これは私がEXTJSの4.oほとんどが3.3であまりに働いていないが、私はあなたが次の操作を行うことができると信じて

Answer 1

ようですテンプレートで作成されたオブジェクトはhtmlelementなので、実際にExtJSオブジェクトとして使用するには、Ext.getを使って要素を作成する必要があります。

私はitemdblclickメソッドのインデックスでストアにアクセスして解決しました。

編集1：

はさらに良いことに、あなたはインデックスを使用せずに、記録パラメータでアイテムにアクセスすることができます。

Answer 2

を支援します。

tpl: Ext.create('Ext.XTemplate', 
     '<tpl for=".">', 
     '<div class="mfo-view">', 
     '<img src="{image}" alt="{image}" />', 
     '<p>{title}</p>', 
     '</div>', 
     '</tpl>', 
     { mycustomproperty: '{property}' 
} 
    ),