Slickgrid 将按钮添加到列

发布于 2024-11-23 16:08:41 字数 163 浏览 1 评论 0原文

我如何在列标题文本旁边的列中添加按钮，例如

[Father Name] -- heading in column

变得

[btn obj][Father Name]

非常感谢

原文

How can i add a button in a column next to column heading text, e.g.

[Father Name] -- heading in column

becomes

[btn obj][Father Name]

Many thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

享受孤独 2024-11-30 16:08:42

在 slick.grid.js 中有一个钩子可以满足你想要做的事情。

如果您搜索 createColumnHeaders() 函数，您将看到一个可以在列标题文本之前/之后插入按钮的位置。

    var header = $("<div class='ui-state-default slick-header-column' id='" + uid + m.id + "' />")
.html("<span class='slick-column-name'>" + [button here??] m.name + "</span>")
    .width(m.width - headerColumnWidthDiff)
    .attr("title", m.toolTip || m.name || "")
    .attr("data",m.id)
    .data("fieldId", m.id)
    .addClass(m.headerCssClass || "")
    .appendTo($headers);

您真正需要做的就是添加一个包含按钮代码（或一些用于生成按钮的变量）的属性，然后就可以开始了。

There is a hook for what you want to do in slick.grid.js.

If you search for the createColumnHeaders() function, you will see a spot where you can insert your button before/after the column heading text.

    var header = $("<div class='ui-state-default slick-header-column' id='" + uid + m.id + "' />")
.html("<span class='slick-column-name'>" + [button here??] m.name + "</span>")
    .width(m.width - headerColumnWidthDiff)
    .attr("title", m.toolTip || m.name || "")
    .attr("data",m.id)
    .data("fieldId", m.id)
    .addClass(m.headerCssClass || "")
    .appendTo($headers);

All you really need to do is add a property that will have the button code (or some variables to generate the button), and you should be good to go.

回复收藏 0 原文

~没有更多了~