bootstraptable设置checkbox单选

比眉伴天荒 2021-10-15 01:49 1563阅读 0赞

[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("数据加载失败！");  
                            \},  
                \});  
\}

[bootstraptable_checkbox]: https://www.cnblogs.com/codyli/p/9551303.html