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

bootstrap-table自己配置的更多相关文章

  1. Bootstrap table方法,Bootstrap table事件,配置

    调用 BootStrap Table 方法的语法: $('#table').bootstrapTable('method', parameter); 例如: $('#my_table').bootst ...

  2. 基于bootstrap table配置的二次封装

    准备 jQuery js css 引用完毕 开始 如果对bootstrap table 的方法与事件不熟悉: Bootstrap table方法,Bootstrap table事件 <table ...

  3. JS组件系列——Bootstrap Table 表格行拖拽

    前言:之前一直在研究DDD相关知识,好久没更新JS系列文章了.这两天做了一个简单的业务需求,觉得效果还可以,今天在这里分享给大家,欢迎拍砖~~ 一.业务需求及实现效果 项目涉及到订单模块,那天突然接到 ...

  4. JS组件系列——Bootstrap Table 表格行拖拽(二:多行拖拽)

    前言:前天刚写了篇JS组件系列——Bootstrap Table 表格行拖拽,今天接到新的需要,需要在之前表格行拖拽的基础上能够同时拖拽选中的多行.博主用了半天时间研究了下,效果是出来了,但是感觉不尽 ...

  5. 表格组件神器:bootstrap table详细使用指南

    1.bootstrap-table简介 1.1.bootstrap table简介及特征: Bootstrap table是国人开发的一款基于 Bootstrap 的 jQuery 表格插件,通过简单 ...

  6. 新的表格展示利器 Bootstrap Table

     1.bootstrap table简介及特征 Bootstrap Table是国人开发的一款基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选.多选.排序.分 ...

  7. ABP+AdminLTE+Bootstrap Table权限管理系统第五节--WBEAPI及SwaggerUI

    一,Web API ABP的动态WebApi实现了直接对服务层的调用(其实病没有跨过ApiController,只是将ApiController公共化,对于这一点的处理类似于MVC,对服务端的 调用没 ...

  8. ABP+AdminLTE+Bootstrap Table权限管理系统第六节--abp控制器扩展及json封装

    一,控制器AbpController 说完了Swagger ui 我们再来说一下abp对控制器的处理和json的封装. 首先我们定义一个控制器,在新增控制器的时候,控制器会自动继承自AbpContro ...

  9. ABP+AdminLTE+Bootstrap Table权限管理系统第十一节--bootstrap table之用户管理列表

    这张开始bootstrap table,引入项目有两种方法,一种是直接去官网下载 地址:http://bootstrap-table.wenzhixin.net.cn/ 另一种是Nuget引入. 然后 ...

  10. ABP+AdminLTE+Bootstrap Table权限管理系统第九节--AdminLTE模板页搭建

    AdminLTE 官网地址:https://adminlte.io/themes/AdminLTE/index2.html 首先去官网下载包下来,然后引入项目. 然后我们在web层添加区域Admin以 ...

随机推荐

  1. 刷题总结——分配笔名(51nod1526 trie树)

    题目: 班里有n个同学.老师为他们选了n个笔名.现在要把这些笔名分配给每一个同学,每一个同学分配到一个笔名,每一个笔名必须分配给某个同学.现在定义笔名和真名之间的相关度是他们之间的最长公共前缀.设笔名 ...

  2. api调用安全

    直接传 key 简直就是多此一举啊,随便监听一下网络就能把你的 key 盗走. 最简单的方式是使用签名,各大开放平台都是这样做的,性能好,安全性不错. 签名基本原理是通过 key/secret 的实现 ...

  3. Distinct Substrings(spoj 694)

    题意:要求不同子串的个数 /* 先求出height数组,不难看出height之和就是重复的字符串个数,用总的减去它就行了. */ #include<cstdio> #include< ...

  4. C语言第四题

    今天就一道题 阅读printf代码的具体实现,要求在阅读过程中要做下列的事 1.至少列出十个c标准库的方法,并且说明他们方法的含义,以及参数的含义 2.至少列出2个c标准库的引入(或者是依赖),并且说 ...

  5. 本地hosts文件

    (1)什么是Hosts文件? Hosts是一个没有扩展名的系统文件,可以用记事本等工具打开,其作用就是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”,当用户在浏览器中输入一个需要登录的网 ...

  6. 使用Zint和Zxing实现二维码的编码与解码(Using open-source tools to generate and decode Q-R code)

    1.Zint生成二维码 http://sourceforge.net/projects/zint/ [1]从上述站点下载Zint工具 [2]安装Zint工具 [3]使用Zint工具生成二维码,注意选择 ...

  7. 浅谈HookSSDT和和Resume(恢复)SSDT

     最近在学HookSSDT和针对Hook的ResumeSSDT,避免自己理解有所偏差,把它们写出来,希望大家不吝赐教.(虽然已经是过时了的技术,但是最起码了解其中的原理,嘿嘿嘿.) 转载注明出处:ht ...

  8. VsCode搭建Java开发环境

    1:在 Visual Studio Code 中打开扩展视图(Ctrl+Shift+X),输入关键词java.spring分别下载Java开发插件包和springboot插件包 2:配置参数 点击设置 ...

  9. 设置USB数据监听

    设置USB数据监听   在Kali Linux中,USB也是作为一个通信端口进行存在.常见的鼠标.键盘.U盘都是通过USB接口传输数据.所以,对于USB接口也可以实施监听,类似网络接口一样.在进行US ...

  10. [Bzoj4943][Noi2017]蚯蚓(hash)

    4943: [Noi2017]蚯蚓 Time Limit: 50 Sec  Memory Limit: 512 MBSubmit: 237  Solved: 110[Submit][Status][D ...