1

我正在使用 JQuery Bootgrid 进行表格显示、分页、搜索等。我不喜欢它的是命令按钮，我只想在我的表格中添加简单的 html 按钮，例如：

echo "<td><a href='expensereport.php?source=editexpenses&p_id=$expenseID'><button class='btn btn-primary btn-icon' type='button'><span class='zmdi zmdi-edit'></span></button></a>";

这种方法效果很好，直到我使用

<table id="data-table">

在引导网格上转动。Bootgrid 在我的表格中根本不会显示该按钮。有谁知道如何关闭 bootgrid 命令按钮，以便我可以添加自己的？我的按钮很好用，直到我添加了 bootgrid，它拒绝在我的表格中显示它们。感谢您的帮助我是 Bootgrid 的新手。

4

1 回答 1

2

看看使用Formatters。

创建一个列，每个单元格都包含您的$expenseID.

确保data-column-id在费用 ID 列标题上设置。对于此示例，我们将其设置为data-column-id="expenseId". data-visible-in-selection='false'您也可以通过添加和data-visible='false'到列标题来完全隐藏此列。

在“操作”的列标题中，您还需要通过传递来指定要使用的格式化程序data-formatter。在这种情况下，我已经命名了格式化程序函数expenseReportEdit，所以我们将使用data-formatter="expenseReportEdit".

您的表头的 HTML 标记将是这样的..

<thead>
    <tr>
        <th data-column-id="expenseId" data-identifier='true' data-visible-in-selection='false' data-visible='false'>Expense ID</th>
        <th data-column-id="expenseActions" data-formatter="expenseReportEdit">Actions</th>
    </tr>
</thead>

然后像这样创建您的格式化程序功能..

$("#yourTableId").bootgrid({
    formatters: {                    
        expenseReportEdit: function (column, row) {
            return "<a href=\"expensereport.php?source=editexpenses&p_id=" + row.expenseId + "\"><button class='btn btn-primary btn-icon' type='button'><span class='zmdi zmdi-edit'></span></button></a>";
        }
    }
});
于 2016-04-14T06:33:16.823 回答