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 の初心者です。

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 に答える