bootstrap-table自己配置

逃离我推掉我的手 2022-07-28 00:07 222阅读 0赞

bootstrap-table自己配置

function initTable(){
    	var methodNameSearch=$("#methodNameSearch").val();
    	var requestUrl = "/manage/json/validateMethodDefineSearchList.json?methodNameSearch=" + methodNameSearch;
    	
    	var $table = $('#table');
        $table.bootstrapTable({
    	    url: requestUrl, 
    	    method: 'get',      //请求方式（*）
    	    //toolbar: '#toolbar',    //工具按钮用哪个容器
    	    striped: true,      //是否显示行间隔色
    	    cache: false,      //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
    	    pagination: true,     //是否显示分页（*）
    	    sortable: false,      //是否启用排序
    	    sortOrder: "asc",     //排序方式
    	    //queryParams: queryParams,//传递参数（*）
    	    pageNumber:1,      //初始化加载第一页，默认第一页
    	    pageSize: 20,      //每页的记录行数（*）
    	    pageList: [10, 20, 50, 100],  //可供选择的每页的行数（*）
    	    //search: true,      //是否显示表格搜索，此搜索是客户端搜索，不会进服务端
    	    //strictSearch: true,
    	    //showColumns: true,     //是否显示所有的列
    	    //showRefresh: true,     //是否显示刷新按钮
    	    minimumCountColumns: 2,    //最少允许的列数
    	    clickToSelect: true,    //是否启用点击选中行
    	    uniqueId: "id",      //每一行的唯一标识，一般为主键列
    	    showToggle:false,     //是否显示详细视图和列表视图的切换按钮
    	    
    	    sidePagination: "server", //服务端处理分页
    	          columns: [
    	                  {title: 'id',field: 'id', visible: false, align: 'center',valign: 'middle'},   
    	                  {title: '名称',field: 'methodName',align: 'center',valign: 'middle'}, 
    	                  {title: '<span style="font-family:Microsoft YaHei;">类名</span>',field: 'methodCode',align: 'center',valign: 'middle'},
    	                  {title: '组名隐藏',field: 'methodGroup', visible: false, align: 'center',valign: 'middle'},
    	                  {title: '组名',field: 'methodGroupName',align: 'center',valign: 'middle'},
    	                  {title: '操作',field: '#',align: 'center',
    	                	  formatter:function(value,row,index){  
    	                    	  var e = '<a href="#" mce_href="#" οnclick="onEditClick(\''+ row.id + '\',\'' +row.methodName+ '\',\'' +row.methodCode+ '\',\'' +row.methodGroup+'\')">编辑</a> ';  
    	                    	  var d = '<a href="#" mce_href="#" οnclick="onDeleteClick(\''+ row.id +'\')">删除</a> ';  
    	                    	  return e+d;  
    	                	  } 
    	                  }
    	          ]
          });
    }

function onEditClick(id, methodName, methodCode, methodGroup) {
    	
    	var requestUrl = "/manage/validateMethodDefineAdd.vm?validateMethodDefineId=" + id
    	+"&methodName=" + methodName+"&methodCode=" + methodCode+"&methodGroup=" + methodGroup;
    	window.location = requestUrl;
    }

转载请注明：

发表评论取消回复

表情：

评论列表（有 0 条评论，222人围观）

还没有评论，来说两句吧...

相关阅读

相关 BootstrapTable checkbox默认选中

BootstrapTable 在Web后台管理项目中对表格展示数据使用居多，主要是表格的多条件查询、分页、排序等功能。我们的项目中前端框架是Bootstrap。所以很多插

刺骨的言语ヽ痛彻心扉/ 2024年02月19日 21:54/ 0 赞/ 28 阅读

相关 BootstrapTable 中使用checkbox

BootstrapTable中使用CheckBox，添加checkbox列即可： columns: \[\{ checkbox: true

约定不等于承诺〃/ 2023年06月24日 13:23/ 0 赞/ 227 阅读

相关 BootStrapTable 隐藏列

$(function () \{ $("\cbFollowUpList").bootstrapTable(\{ url:'/npackage/naction\_nfun

柔情只为你懂/ 2022年07月12日 05:08/ 0 赞/ 340 阅读

相关 BootStrapTable 隐藏列

$(function () \{ $("\cbFollowUpList").bootstrapTable(\{ url:'/npackage/naction\_nfun

川长思鸟来/ 2022年07月12日 05:08/ 0 赞/ 351 阅读

相关 bootstrapTable行样式设置

![在这里插入图片描述][20181231145534100.png] //按需求设置不同的样式：5个取值代表5中颜色\[‘active’, ‘success’, ‘inf

本是古典何须时尚/ 2022年04月01日 15:16/ 0 赞/ 457 阅读

相关 bootstraptable设置checkbox单选

[bootstraptable设置checkbox单选][bootstraptable_checkbox] bootstrap-table.js源码里面可配置,搜索singl

比眉伴天荒/ 2021年10月15日 01:49/ 0 赞/ 1530 阅读

相关 bootstrapTable的使用

一.参数配置 var $table; //初始化bootstrap-table的内容 function InitMai

深碍√TFBOYSˉ_/ 2021年09月15日 04:08/ 0 赞/ 649 阅读

相关 BootstrapTable分页参数

var p={}; //分页 p.page = params.data.offset / params.data.limit + 1; p....

朱雀/ 2020年10月17日 18:01/ 0 赞/ 1166 阅读

相关 BootstrapTable冻结表头（二）

BootstrapTable冻结表头

朱雀/ 2020年10月17日 17:57/ 0 赞/ 1058 阅读

相关 BootstrapTable冻结表头（一）

BootstrapTable冻结表头，使用别人写的 JS，这种方法表头置顶后就不会动了。改正一个隐含的bug就是拉动滚定条时表头与数据列不对应。还有一种方法 Bootst...

朱雀/ 2020年10月17日 17:55/ 0 赞/ 1097 阅读