jQuery Bootgrid - 条件格式化程序

Question

希望使用 jQuery Bootgrid 创建条件格式化程序/行操作。例如，如果在 PHP 数据中设置了某个值，则显示格式化程序，否则不显示。我找不到任何解决此问题的文档或以前的 stackoverflow 问题。

编辑：

我目前在控制器中执行此操作的方式如下：

$actions = array(
    'override' => array(
        'icon' => 'flare red',
        'link' => '/edit',
        'perm' => 'Edit',
        'title' => '...',
        'condition_and' => array(
            'status' => array(
                'column' => 'status !=',
                'value' => 'Suspended'
            ),
            'registered' => array(
                'column' => 'reg ==',
                'value' => 'Yes'
            )
        ),
        'disabled_icon' => 'flare grey',
        'disabled_title' => '...'
    )
);

在随后生成网格的函数中，我在遍历数据时解释这些设置。在我看来，唯一仍然是 hacky 的部分是我使用 PHP 循环遍历数据，然后构建一个 JS 字符串来匹配条件：

if (!empty($vv['condition_and']))
{
    $check_cond = '+(';
    foreach ($vv['condition_and'] as $conk => $conv)
    {
        $check_cond .= '(row.' . $conv['column'] . ' ' . $conv['operator'] . ' "' . $conv['value'] . '") && ';
    }
    $check_cond = rtrim($check_cond, ' && ');
    $out .= '"\
        "' . $check_cond . ' ? "\
            <a style=\"margin-right: 8px\" href=\"' . base_url() . $vv['link'] . '/" + row.id + "\"><i title=\"' . $vv['title'] . '\" class=\"zmdi zmdi-hc-lg zmdi-' . $vv['icon'] . '\"></i></a>" : "\
            <i style=\"margin-right: 8px;\" title=\"' . $vv['disabled_title'] . '\" class=\"zmdi zmdi-hc-lg zmdi-' . $vv['disabled_icon'] . '\"></i>")+"\
    " + ';
}

但如果没有明确的方法可以更好地做到这一点，我会暂时坚持下去。

Answer 1

您可以使用 json 数据中的属性在自己的格式化程序函数中检查：

$("#grid-data").bootgrid({
    ajax: true,
    url: "/api/get-data",
    formatters: {
        "paymentButton": function(column, row)
        {
            if (row.HasPayment)
                return '<button class="btn btn-primary" data-id="' + row.PaymentId + '" title="Check payment details"><i class="fa fa-money"></i></button>';
            return "";
        }
    }
});

在这种情况下，使用 paymentButton 格式化程序的列将只为 HasPayment 属性为 true 的行显示一个按钮，或者当它为 false 时不显示任何内容。

您可以从后端 PHP API 返回任何您想要的数据，并在格式化程序函数中检查它们。

无论您加载数据的方式如何，都会调用格式化程序函数。