如何更改 Slickgrid 编辑器按钮 css 类（或任何动态创建的按钮）？答案

【问题标题】：How can I change Slickgrid editor button css class (or any dynamically created button)?如何更改 Slickgrid 编辑器按钮 css 类（或任何动态创建的按钮）？
【发布时间】：2013-04-10 20:55:02
【问题描述】：

我正在尝试更改 Slickgrid 中的编辑器按钮（保存、取消）css。如何将 css 类应用于按钮项，如下所示？

<body>
    <div><button>save</button></div>
</body>

我尝试将单元格双击事件绑定到此代码：

$("body button").addClass("custom_button");

它不起作用，因为：

在呈现按钮之前调用事件
所有其他项目都会受到影响。

提前致谢！

编辑：

出于某种原因，我不能使用标签而是类来设置 CSS 样式。
如果你之前没有使用过 slickgrid，这个按钮只有在你双击网格单元格后才会出现。

【问题讨论】：

标签： css button slickgrid

【解决方案1】：

给按钮一个 id。

<button id="saveButton">save</button>

这样就可以直接调用了

$("saveButton").addClass("custom_button");

【讨论】：

如何将 id 添加到这个动态创建的按钮，因为在我双击单元格之前它不在 dom 树中。

【解决方案2】：

如果您想为正文中的所有按钮设置样式，您可以使用 CSS。将 custom_button 类中的样式放入 CSS 选择器中，将类似内容放入页面的 head 中：

<style type="text/css">
    body button {
        /* styles from custom_button class go here */
    }
</style>

【讨论】：

谢谢我这样做了，但我被告知出于某种原因更改为使用类。
按钮是如何添加到网格中的？
感谢提示，只需要修改slickgrid源码即可。
您不需要修改 slickgrid 源代码。如果按钮是由自定义格式化程序创建的，那么您可以在格式化程序中添加 custom_button 类，如果它们是编辑器的一部分，那么您可以在编辑器创建按钮时添加该类。
它们是长文本编辑器的一部分，在源代码内部，所以按钮是在源代码中创建的。我需要做什么才能在外面添加课程？

【解决方案3】：

只需修改 slickgrid.editor.js 并应用该类。

【讨论】：