onLoadSuccess: function (data) { $(".datagrid-row").mouseover(function (e) { var text = $(this).children("td").eq(1).text(); var tooltip = "<span id='tooltip'>" + text + "</span>"; //获取鼠标位置(将鼠标位置写在此处,而非直接写在top,left后面是因为,我在项目中写在了后面,获取不到鼠标坐标的情况。必要时可以使用全局变量!!!) var locationX = e.pageX + 10; var locationY = e.pageY; $("body").append(tooltip); $("#tooltip").css({ "top": locationY + "px", "left": locationX + "px" }).show("fast"); }).mouseout(function () { $("#tooltip").remove(); }).mousemove(function (e) { $("#tooltip").css({ "top": locationY + "px", "left": locationX + "px" }); }); },
利用在dataGrid中,每行都会被加上 datagrid-row 这个特性,为单元格增加些事件。
为grid增加事件最好的方式是直接在jqueryEasyUI的脚本中进行更改,网上也有实例。但是easyUI有几个版本的变化较大,插件内部的JS代码也不尽相同,更改起来较为麻烦。所以就选择了这种比较简单的方法。