bootstrap-table自己配置

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



 

[html] view plain copy
 
    1. function onEditClick(id, methodName, methodCode, methodGroup) {  
    2.       
    3.     var requestUrl = "/manage/validateMethodDefineAdd.vm?validateMethodDefineId=" + id  
    4.     +"&methodName=" + methodName+"&methodCode=" + methodCode+"&methodGroup=" + methodGroup;  
    5.     window.location = requestUrl;  
    6. }  
posted @ 2018-01-19 09:09  追忆丶年华  阅读(182)  评论(0编辑  收藏  举报