显示工具提示onHover SlickGrid的行

Question

我和jquery的新手.

我有一个任务是在一个slickgrid的每一行上放一个工具提示.我知道如何ajax它.但是,阅读slickgrid文档时,"hover"或"tooltip"等选项中没有任何内容.

我的电话是这样的:

var grid = new gridd.Grid("#ite", result,
                [{ id: "var1", field: "var1" },
                    { id: "var2", field: "var2" },
                    { id: "var3", field: "var3", width: 100, resizable: false },
                    { id: "var4",  field: "var4", width: 110, resizable: false}],
                { forceFitColumns: true },
                //I thought of something like
                { onHover: function.. },
                //
                { onClick: function (e, row, cell) {
                    var result = this.getData();

                    postSomething(result[row]);
                }
            });

Answer 1

获取信息的一个选项是订阅网格的事件onMouseEnter和onMouseLeave.您可以使用任何工具提示库,您希望文本跟随鼠标.

使用该事件来发现您上面的单元格.我使用数据视图,因此需要使用view.getItem以防过滤任何行.如果您只是在没有过滤的情况下显示数据,我相信它data[cell.row]会起作用,但您需要进行测试.

这只会让你的信息放于提示,你需要使用像这样得到它的提示跟随鼠标.对于我的测试,我刚刚更新了一个标签(id = boringLabel)并且标签更新正确.

var grid = new Slick.Grid(selector, view, cols, opts);

....

grid.onMouseLeave.subscribe(function(e, args) {
    $("#boringLabel").text("NONE");
});

grid.onMouseEnter.subscribe(function(e, args) {
    var cell = args.grid.getCellFromEvent(e);
    var item = view.getItem(cell.row);
    $("#boringLabel").text(item.id + " " + item.description);
});