点击Bootgrid分页按钮时的火灾事件?

时间:2017-05-15 19:02:32

标签: javascript jquery jquery-bootgrid

单击JQuery Bootgrid分页元素中的按钮时,我无法触发事件。我相信我无法正确地为处理程序确定元素,因为我知道我已经点击了分页。我尝试了以下变化以及更多:

$(document).on('click', "#grid-footer .button", function () {
   alert("You clicked the pagination button!");
});
$(document).on('click', "#grid-footer a", function () {
   alert("You clicked the pagination button!");
})
$(document).on('click', "#grid-footer a .button", function () {
   alert("You clicked the pagination button!");
})
$(document).on('click', "#grid-footer .pagination", function () {
   alert("You clicked the pagination button!");
})
$(document).on('click', "#grid-footer .pagination > li > a", function () {
   alert("You clicked the pagination button!");
})    

单击分页按钮时,这些都不会触发警报。任何人都可以找到正确的选择器来点击分页时触发事件?这是一个jsfiddle,其中包含最简单的bootgrid和分页元素。

1 个答案:

答案 0 :(得分:3)

我没有使用过Bootgrid,但我只是快速浏览了一下文档。当前代码不起作用的原因是您在生成内容之前添加了eventListener。因此,您应该首先在加载内容时添加eventListener。

在这个eventListener中你可以为你的分页添加一个eventListener,如下所示;

var rowIds = [];
var grid = $("#grid").bootgrid({
    selection:true,
    multiSelect: true,
    rowSelect: true,
    rowCount: 3 
}).on("loaded.rs.jquery.bootgrid", function(e){
    console.log("Bootgrid Loaded")
    $("#grid-footer .button").on('click', function () {
        alert("You clicked the pagination button!");
    });
});

您可以使用多个eventListener,请查看documentation

这是一个更新的JSFiddle,整个过程都有效。