最近工作用到很多bootstrap的知识,以前我只是简单的用他的响应式样式,关于table生成这种没怎么用过,现在总结一下其中的知识也算复习了。

bootstrapTable 生成

提供的table我们只需要设置一些参数,比如ajax的参数、列名、分页、排序等等就可以自动发送请求获得结果,渲染成表格,这个直接看文档就会,主要是那些参数和方法要多看看,有些很有用。这里提几个:

columns

列配置项,是一个数组[],我们可以自定义var构建这个列参数,也可以直接写好。

{
   filed: xxx  //表示列的主体内容,这个内容要对应后台参数中的名称,比如后台数据[{id:123}],那么field就要写id
   title: xxx //列名,显示的标题
   formatter:function(value, row, index){  //对数据进行自定义,value表示对应field的数据,row表示这一行的内容,index表示序号,从0开始
      return index + 1; //这样表示返回序号,从1开始,第2行2这样。可以在这对value处理再返回
   }
}

ajax

自定义ajax方法,可以自己写ajax,不采用bootstrap的

queryParams

请求服务器后台的参数

responseHandler

加载服务器数据之前的处理程序,也就是数据传过来还没加载到表格显示前,这时候我们可以处理数据,比如格式化数据,返回需要的数据

接下来列一些事件

onClickRow

当用户点击某一行的时候触发,这个可以当点击某行时触发

onClickCell

当用户点击点击某个表格时触发

动态列生成


小人物