パネルに html があります。
styleHtmlContent: true,
scrollable: true,
items: {
docked: 'top',
xtype: 'titlebar',
title: 'List'
},
html: [
"<div style='border-radius: 4px;' class='abutton' id='abuttonbyid'>",
"Text</div>"
].join("")
そして私のコントローラーで
config: {
refs: {
abutton: '.abutton',
abuttonbyid:'#abuttonbyid'
},
control: {
abutton: {
tap: 'onButtonTap'
},
abuttonbyid : {
tap: 'onButtonTap'
}
},
},
onButtonTap: function() {
console.log("Tapped");
}
div ボタンがタップさTapped
れると、js コンソール/Web インスペクターにアクセスしたいのです。イベントリスナーを1つではなく多くのdivボタンにアタッチしたいので、クラスとidを持つ要素の両方を使用しました。多くの div ボタン、1 つのイベント。
Sencha ボタンの代わりに html ボタンを使用する必要があります。