bootgrid的选中事件

来源：互联网发布：软件开发策划书编辑：程序博客网时间：2024/05/21 08:05

http://www.jquery-bootgrid.com/Examples

英文文档，看不懂可以右上角点翻译

基本的bootgrid书写格式（默认有复选框，不要用可以隐藏）

var grid = $("#table").bootgrid({                ajax: true,                url: "/Base/GetGridList?UIID=" + $("#UIID").val() + "&CZID=ChaKan&Data=" + data + "",                current: 1,                //formatters: {                //    "CaoZuo": function (column, row) {                //        return "<i title='编辑' class='icon-edit' onclick=\"Edit('" + row.id + "')\"></i>  <i title='删除' class='icon-trash' onclick=\"Delete('" + row.id + "')\"></i>";                //    }                //}            }).on("selected.rs.jquery.bootgrid", function (e, rows) {   //grid选中时触发                $("#BaoCunBtn").show();  //保存按钮出现                $("#BaoCunBtn").before("<div id=" + rows[0].id + "  class='LingYongGroup' > " + rows[0].SheBeiName + " <i title='删除'  class='icon-trash deleteMe' onclick=\"deleteMe('" + rows[0].id + "')\"></i><input type='hidden' name='SBDID' value=" + rows[0].id + "></div>");            }).on("deselected.rs.jquery.bootgrid", function (e, rows) {   //grid取消选中时触发                $("#" + rows[0].id).remove();  //删除对应id的div                if ($(".LingYongGroup").length == 0) {                    $("#BaoCunBtn").hide();  //保存按钮隐藏                }            });

.on("selected.rs.jquery.bootgrid", function (e, rows){这里是选中}).on("deselected.rs.jquery.bootgrid", function (e, rows) {这里是取消选中})

$('#SheBeiGrid').bootgrid("deselect", [id]); 这是外界控制复选框的取消选中，不能直接使用prop或者click()，需要用bootgrid自带的方法来取消选中

$('#grid').bootgrid('destroy'); 销毁，用于刷新

0 0