bootstraptable设置checkbox单选

bootstraptable设置checkbox单选

bootstrap-table.js源码里面可配置,搜索singleSelect参数设置为true即可

function initTable(){

$("#table").bootstrapTable('destroy').bootstrapTable({

                    url:"",/后台请求地址

                    method: 'get',//请求方式
                    /*sidePagination : 'client',//客户端分页*/
                    queryParams :queryParams,//传递的参数
                    contentType : "application/json;charset=UTF-8",
                    /*pagination : true,//是否分页*/
                    /*pageSize :18,//每页的记录行数(*)*/
                    search : false,//是否显示表格搜索,此搜索是客户端搜索,不会进服务端
                    sortable: true,//是否排序
                    sortOrder: "asc", //升序
                    /*pageNumber : 1,//默认加载时显示第一页*/
                    singleSelect: true,//单行选择单行,设置为true将禁止多选
                    clickToSelect: true,//点击行时自动选择
                    striped: true,//是否显示行间隔色
                    treeView: true,//是否显示树形视图
                    treeId: "menuId",//定义关键字段来标识树节点
                    treeField: "menuName",//定义树节点字段
                    treeParentId: "parentMenuId", //定义父级ID字段
                    treeRootLevel: 1,//树根的级别
                    treeCollapseAll: true,//是否全部折叠,默认折叠
                    cascadeCheck: false,

    //是否层叠选中状态(选中父级,子级全部选中) true=层叠选中,需要singleSelect: false;false=不是层叠选中
                    uniqueId: "menuId", //每一行的唯一标识,一般为主键列
                    fixedColumns : true,//固定列
                    fixedNumber:6,//
                    pageList : [ 28, 42, 100 ],
                    columns : [{
                                checkbox: true
                            },

                            {
                                field : 'menuId',
                                title : '菜单id',
                                halign : 'center',
                                align : "center",
                                visible : false,
                                sortable : true,
                                width : 100
                            },
                            {
                                field : 'parentMenuId',
                                title : '父菜单id',
                                halign : 'center',
                                align : "center",
                                visible : false,
                                sortable : true,
                                width : 100
                            },
                            {
                                field : 'operate',
                                title : '操作',
                                halign : 'center',
                                align : "center",
                                sortable : true,
                                width : 200,
                                formatter : function(value, row, index) {
                                    return [ '<button class="btn operBtn" οnclick="edit(\''
                                            + row.parentMenuId
                                            + '\')" data-toggle="modal" data-target="#myModal" > <i class="fa fa-trash"></i>修改</button>' ]
                                            .join('');
                                }
                            } ],
                             // 设置树状表格参数
                            treeShowField: 'menuName',
                            parentIdField: 'parentMenuId',
                            onLoadSuccess: function(data) {
                 
                            },
                            onLoadError : function() {
                                showTips("数据加载失败!");
                            },
                });
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值