2

我是 jquery 的新手。

我的任务是在 slickgrid 的每一行上放置一个工具提示。我知道如何ajax它。但是，阅读 slickgrid 文档时，“悬停”或“工具提示”等选项中没有任何内容。

我的电话是这样的：

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]);
                }
            });
4

1 回答 1

6

获取信息的一种选择是订阅网格的事件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);
});
于 2012-06-16T17:02:12.040 回答