ExtJs 并单击子元素上的事件
ExtJs and click event on child elements
>我有下一个 ExtJs 代码
Ext.create('Ext.panel.Panel', {
renderTo:'center_div',
width: 700,
layout: 'fit',
id: 'test',
items:
[
{
xtype: 'box',
html: '<div style='"height: 20px;'"> </div>'
},
{
xtype: 'box',
html: '<ul> ' +
'<li id="id1" class='"active'"><div>Create</div><span><i></i>Step 1</span></li>' +
'<li id="id2"><div>Assign</div><span><i></i>Step 2</span></li>' +
'<li id="id3"><div>Filter</div><span><i></i>Step 3</span></li>' +
'<li id="id4"><div>Summary</div></li>' +
'</ul>',
cls: 'x-wizard-steps',
// delegate: '.x-wizard-steps > ul',
listeners: {
afterrender: function(component) {
console.log('component' ,component);
var childLi = Ext.select('.x-wizard-steps > ul > li');
console.log('childLi', childLi);
console.log('childLi.elements', childLi.elements[0].id);
Ext.each(childLi.elements, function(item,i) {
console.log('item', item.id);
item = Ext.get(item.id);
item.on({
click: function(cmp, a) {
console.log(cmp);
console.log(a);
}
});
});
var options = {
xtype: 'box',
id: 'comp_',
html: 'fdsfdsfdsfdsfdsf',
margin: '0 0 8 0'
};
var component1 = Ext.create('Ext.Component', options);
Ext.getCmp('test').add(component1);
}
}
}
]
});
我需要在我的盒子 html 代码中的所有 LI 上放置事件侦听器。
<li id="id2">
<div>Assign</div><span><i></i>Step 2</span>
</li>
单击事件工作正常,但是如果我单击它,它会给我DIV或SPAN,有时还会给我LI,具体取决于我单击的位置。无论我在 LI 中单击哪个区域,我如何始终获得 LI 元素?
找到了
在这里
item.on({
click: function(cmp, a) {
console.log(cmp);
console.log(a);
console.log(this); // My LI
}
});
这有我的李
相关文章:
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 将事件聚焦/模糊在可编辑内容的元素上
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 在IE8中不起作用的元素上触发单击事件
- 正在ng重复元素上添加事件
- 单击p元素时的javascript触发事件
- 存在每个时间元素的javascript事件
- Firefox:点击并更改未附加到文档树中的复选框元素上的事件
- 有没有一种方法可以让内联事件处理程序在元素创建后立即执行
- 将jQuery事件应用于所有类元素
- 在IE8上使用jQuery克隆HTML5元素和事件
- 单击其他元素时,我如何使用 jQuery 忽略更改事件
- 访问代码生成的输入元素上的keyup事件
- 如何查明鼠标按下事件是否发生在滚动条上或元素中的其他任何位置
- 当元素到达屏幕上的某个位置时触发事件
- Mootools:如何在点击时保持元素高亮显示并停止所有事件
- 将事件侦听器添加到文档,而不是签入元素存在,然后添加事件侦听器
- JQuery:使用clone()生成的元素不采用原始的事件属性
- 从其他元素上的单击事件访问image src属性
- 触发“三个”的点击事件.元素