Ext.PanelタイプのmediaGridがあります。パネルには、tbar
チェックボックス付きのメニューを含むボタングループ項目が含まれています。mediaGrid宣言の外部からチェックされているボックスにアクセスできる必要がありますが、その方法がわかりません。mediaGrid宣言は次のとおりです。
var mediaGrid = new Ext.Panel({
id: 'mediaviewer',
region: 'center',
border: false,
items: mediaDataView,
style: 'border-left: 1px solid #d0d0d0',
tbar: [
{
xtype: 'buttongroup',
title: 'Filters',
items: [
{
text: 'Show',
icon: '/img/picture.png',
iconAlign: 'top',
menu: {
xtype: 'menu',
defaults: {
hideOnClick: false,
listeners: {
checkchange: function (checkitem) {
var menu = checkitem.ownerCt;
var values = [];
if (menu.pictureCheck.checked) {
values.push('picture');
}
if (menu.videoCheck.checked) {
values.push('video');
}
if (menu.noteCheck.checked) {
values.push('note');
}
if (values.length == 0) {
values.push('none');
}
mediaStore.reload({ params: { type: values.toString()} });
}
}
},
items: [
{
text: 'Pictures',
checked: true,
ref: 'pictureCheck'
},
{
text: 'Videos',
checked: true,
ref: 'videoCheck'
},
{
text: 'Notes',
checked: true,
ref: 'noteCheck'
}
]
}
}
]
},
'->',
{
xtype: 'searchfield',
store: mediaStore,
emptyText: 'Search',
enableKeyEvents: true,
listeners: {
keyup: {
fn: function (thisField, e) {
if (!e.isNavKeyPress() && thisField.isValid()) {
thisField.onTrigger2Click();
}
},
buffer: 500
}
}
},
' ',
' '
]
});
別のパネルにボタンがあり、クリックするとExt.Windowを開いて、メディアGridPanelに新しいノードを追加します。ユーザーが[保存]をクリックすると、メモがGridPanelに追加されますが、メニューをチェックして、メモを表示するためのフィルターがオンになっているかどうかも確認する必要があります。これが私がメニューにアクセスする必要がある理由です。mediaGridでそのメニューにアクセスする方法を知っている人はいますか?