Javascript 如果单元格包含HTML extjs 3.4.0,则不会激发celldblclick
我在extJS上有以下EditorGridPanel:Javascript 如果单元格包含HTML extjs 3.4.0,则不会激发celldblclick,javascript,extjs,Javascript,Extjs,我在extJS上有以下EditorGridPanel: Ext.onReady(函数(){ var myData=[['HTML格式测试TEST,”lisa@simpsons.com", "555-111-1224"], [‘巴特’,”bart@simpsons.com", "555-222-1234"], [‘荷马’,”home@simpsons.com", "555-222-1244"], [‘玛姬’,”marge@simpsons.com", "555-222-1254"]]; var
Ext.onReady(函数(){
var myData=[['HTML格式测试
TEST
,”lisa@simpsons.com", "555-111-1224"],
[‘巴特’,”bart@simpsons.com", "555-222-1234"],
[‘荷马’,”home@simpsons.com", "555-222-1244"],
[‘玛姬’,”marge@simpsons.com", "555-222-1254"]];
var store=new Ext.data.SimpleStore({
字段:[{
姓名:“姓名”
},
{
名称:“电子邮件”
},
{
姓名:“电话”
}],
数据:myData
});
var grid=new Ext.grid.editorgrid面板({
renderTo:'网格容器',
列:[{
标题:“名称”,
数据索引:“名称”,
宽度:200
}
],
店:店,,
框架:对,
身高:240,
宽度:500,
enableColumnMove:false,
是的,
enableHdMenu:false,
边界:是的,
autoScroll:是的,
单击编辑:true,
标题:“网格单元格中的HTML”,
iconCls:“图标网格”,
sm:新的Ext.grid.RowSelectionModel({
singleSelect:true
})
});
网格({
celldblclick:function(){alert(1);}
});
});
问题是,当gridCell包含HTML数据时(这是我的情况),当您双击带有HTML的单元格时,grid不会触发事件celldblclick
在我的应用程序中,我需要在网格中显示这种html
如何解决这个问题?是否要将事件从html冒泡到网格
谢谢在您的结构深处,dom树似乎有一些限制。我认为将html放入网格不是一个好主意——若你们能统一它的结构——也许模板会更有用 请尝试以下操作,而不是HTML:
"<div ondblclick=\"alert('1!')\">1<div ondblclick=\"alert('2!')\">2<div ondblclick=\"alert('3!')\">3<div ondblclick=\"alert('4!')\">4</div>3</div>2</div>1</div>"
您不会遇到问题(但是,很明显,您可以用这种方式dblclick仅行)
"<div ondblclick=\"alert('1!')\">1<div ondblclick=\"alert('2!')\">2<div ondblclick=\"alert('3!')\">3<div ondblclick=\"alert('4!')\">4</div>3</div>2</div>1</div>"
grid.on('rowdblclick', function(eventGrid, rowIndex, e) {
console.log('double click');
}, this);