Ext.grid鼠标移上显示一个div

Question

function onMouseOver( e) {
var index = grid.getView().findRowIndex(e.getTarget());
if (index !== false) {

var record = grid.getStore().getAt(index);
var data = record.data;
//alert(data.cMonitor_Mess);
var start = '<div id="content" style="width:280px;height:223px; font-size:12px">';
var content = '<span style="color: #000000;font-weight: bold;">data.cMonitor_Mess</span>';
var end = '</div>';
var str = start + content + end;
var rowEl = Ext.get(e.getTarget());

rowEl.set({ 'ext:qtip': str
}, false);
}
}

我alert(data.cMonitor_Mess)里面得到要显示的东西，但是 我下面想用DIV那种显示却得不到，而且我想鼠标只在移到那一列的时候才出现，我现在是移到一行，alert就出来了，该怎么改啊，求大神

Answer 1

首先说在哪一行弹得问题，你确定你的onMouseOver时间是在你指定的那一行，而不是整个table，得指定到某一行，可以用ID选择器，也可以根据表中的数据，加入表中的数据含有唯一ID，你可以根据哪个ID弹就可以了；

然后是弹什么，你要弹DIV，可以先把DIV画好，要显示的东西也弄好，弄好后把这个div加一个display：none的属性，然后在你需要它显示的时候，把它的display属性值改为block就OK了，具体实现可以把那个DIV加个ID，然后要显示的时候这样写document.getElementById("id名").style.display="block":