如果var status = 'Processing'，我如何在格式化器中显示删除按钮?

How do I show the delete button in my formatter ONLY if var status = 'Processing'?

本文关键字：格式化 显示 按钮 删除 status var Processing 如果      更新时间：2023-09-26

这是我的格式化器:

        formatters: {
        "commands": function (column, row) {
            return "<button type='"button'" class='"btn btn-icon btn-primary command-edit'"  data-toggle='"tooltip'" data-target='"#modalEdit'" data-row-id='"" + row.id + "'" data-original-title='"Edit Sales Order'" data-placement='"top'"><span class='"zmdi zmdi-edit'"></span></button> " +
                "<button type='"button'" class='"btn btn-icon btn-danger command-delete'" data-toggle='"tooltip'" data-target='"#modalDelete'" data-row-id='"" + row.id + "'" data-original-title='"Delete Sales Order'" data-placement='"top'"><span class='"zmdi zmdi-delete'"></span></button> " +
                "<button type='"button'" class='"btn btn-icon bg-green c-white command-so'" data-row-id='"" + row.id + "'" data-toggle='"tooltip'" data-original-title='"Sales Order Details'" data-placement='"top'"><span class='"zmdi zmdi-receipt'"></span></button> " + 
                "<button type='"button'" class='"btn btn-icon bg-deeporange c-white command-sorep'" data-row-id='"" + row.id + "'" data-toggle='"tooltip'" data-original-title='"Accounts Receivable Report'" data-placement='"top'"><span class='"zmdi zmdi-chart'"></span></button>";
        }
    }

我只想显示命令删除按钮，如果var status = 'Processing'为例。格式化程序中的第一个按钮是编辑按钮，第二个是删除按钮，第三个按钮用于销售订单报告，第四个按钮用于应收帐款表。所有工作都很好，但我只希望删除按钮显示，如果状态= '处理'，这将使它，当我的so处于处理状态时，它仍然可以被删除，但在其被处理和完成后，不再删除按钮。

谢谢你的帮助。

在你的commands回调函数中，你可以检查状态，只在必要时做一个删除按钮，例如

"commands": function (column, row) {
    var deleteButton = '';
    if (status === 'Processing') {
        deleteButton = "<button type='"button'" class='"btn btn-icon btn-danger command-delete'" data-toggle='"tooltip'" data-target='"#modalDelete'" data-row-id='"" + row.id + "'" data-original-title='"Delete Sales Order'" data-placement='"top'"><span class='"zmdi zmdi-delete'"></span></button> ";
    }
    return "<button type='"button'" class='"btn btn-icon btn-primary command-edit'"  data-toggle='"tooltip'" data-target='"#modalEdit'" data-row-id='"" + row.id + "'" data-original-title='"Edit Sales Order'" data-placement='"top'"><span class='"zmdi zmdi-edit'"></span></button> " +
    deleteButton +
    "<button type='"button'" class='"btn btn-icon bg-green c-white command-so'" data-row-id='"" + row.id + "'" data-toggle='"tooltip'" data-original-title='"Sales Order Details'" data-placement='"top'"><span class='"zmdi zmdi-receipt'"></span></button> " +
    "<button type='"button'" class='"btn btn-icon bg-deeporange c-white command-sorep'" data-row-id='"" + row.id + "'" data-toggle='"tooltip'" data-original-title='"Accounts Receivable Report'" data-placement='"top'"><span class='"zmdi zmdi-chart'"></span></button>";
}

编辑:我还会补充说，如果你让字符串单引号，你可以摆脱所有的引号转义，例如

        deleteButton = '<button type="button" class="btn btn-icon btn-danger command-delete" data-toggle="tooltip" data-target="#modalDelete" data-row-id="" + row.id + "" data-original-title="Delete Sales Order" data-placement="top"><span class="zmdi zmdi-delete"></span></button>';
相关文章：