仅当 var 状态 ="正在处理"时，如何在格式化程序中显示删除按钮？

Question

这是我的格式化器:

        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处于处理状态时，它仍然可以被删除，但在其被处理和完成后，不再删除按钮。

谢谢你的帮助。

Answer 1

在你的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>';