Question

我正在使用带有命令按钮的Bootgrid，如果网格中只有一行（我可以确定php中的数据是否只有一行），那么我想触发命令按钮点击事件。命令按钮有一个名为“命令视图”的类。我尝试了以下内容：

$(".command-view").click();

$("#grid .command-view").click();

Answer 1

更常规的方法是使用内置的BootGrid点击处理程序（基本上是基于行的，如下所示），然后处理点击后的点击。

这就是BootGrid期望你工作的方式，也意味着你不需要在每一行上放置一个单独的事件处理程序。

  .on('click.rs.jquery.bootgrid', function (e, cols, row, target) {
     if (typeof row != "undefined")    // Only rows, not headers
     {
         // You will get control here when anything in the row is clicked.
         // In your case just filter for your target and you're done.
     }

Answer 2

你必须这样做：

var grid = $("#your_grid").bootgrid({
    formatters: {
        "commands": function(column, row)
         {
            return '<button class="command-select"data-row-id='+ row.id +'></button>';
         }
    }
    }).on("loaded.rs.jquery.bootgrid", function () {
        grid.find(".command-select").on("click", function (e) {
            var id = $(this).data("row-id");
            console.log(e)
            console.log(id);
        });
    });

注意grid.find是指在第一行创建的网格变量。

如何触发Bootgrid命令按钮的单击事件

2 个答案: