zoukankan      html  css  js  c++  java
  • 为EasyUI的dataGrid单元格增加鼠标移入移出事件

            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代码也不尽相同,更改起来较为麻烦。所以就选择了这种比较简单的方法。

  • 相关阅读:
    474. Ones and Zeroes
    [LeetCode]464. Can I Win
    413. Arithmetic Slices
    numpy学习(布尔型索引)
    numpy学习(数组和标量之间的运算切片)
    numpy学习(数组的定义及基础属性)
    关于静态显示游标的遍历
    关于oracle的数组
    shutil模块
    开源库(不定义更新)
  • 原文地址:https://www.cnblogs.com/vichin/p/8493249.html
Copyright © 2011-2022 走看看