Extjs のデータストアからレンダリングされたカスタム View オブジェクトがあります。
Ext.define('MemOS.view.Shortcut', {
extend: 'Ext.view.View',
alias: 'widget.shortcut',
name: 'shortcut',
singleSelect: true,
store: 'Apps',
tpl: [
'<tpl for=".">',
'<div id="iconGroup" class="icon-wrap">',
'<div id="icon" class="icon">',
'<img src="/images/icons/" />',
'</div>',
'<span> {appName} </span>',
'</div>',
'</tpl>'
],
itemSelector: 'div.icon',
plugins: [
Ext.create('Ext.ux.DataView.DragSelector', {}),
//Ext.create('Ext.ux.DataView.Draggable', {})
],
});
また、ストア内のアイテムがダブルクリックされたときに呼び出されるイベントを持つコントローラーもあります。
Ext.define('MemOS.controller.Shortcut', {
extend: ('Ext.app.Controller'),
stores: ['Apps'],
views: ['Shortcut'],
ref: [{
ref: 'shortcut-one',
selection: '',
xtype: 'shortcut',
autoCreate: true
}],
init: function(){
this.control({
'shortcut': {
itemdblclick: function(d, i, n, e) {
console.log('Display Value From Data Store Here');
}
}
});
},
});
私がやりたいことは、クリックされた項目のデータストア値をコントローラーに渡して、アラート ボックスに適切な値を表示できるようにすることです。私の目標は、後でこれを使用して、ユーザーのクリックに基づいて特定のウィンドウ/アプリを開くことです。
誰でもこれで私を助けることができますか?ありがとう。