javascript表格的渲染组件

标签:业务范围    日期:2018-09-11 12:34    录入:美娱国际平台注册    浏览:

  

[javascript,表格,渲染]javascript表格的渲染组件

  

表格的渲染组件,demo请点击,git源码请点击  

  

如上图所示,功能基本包括常用表格中遇到的分页、搜索、删除、AJAX操作。由于是用的HANDLEBARS渲染的,所以样式可能很好的控制,要加新的功能也较容易。

  

  

调用例子  
  

  

html  

  
  
  
  名称: search  
  
  loading...

  

  
  
  
  

模板  

  
  
        美娱国际娱乐                {{#each data}}                {{/each}}    
序号商品条码商品名称状态操作
{{@index}}{{goods_bn}}{{goods_name}}上架下架 删除
  
  
  

js  

  
  
  var table = new Table($('#tab-list'), $('#tpl-list'), $('#pager'), {}, $('#search'));  table.init({type:'post'});  
  
  

属性和方法  
  constuctor:function(table, temp, page, param, search, callback, filterCon)  

  

  
  构造函数,table是指存放表格的容器,可以是一个空的div,也可以是table里的一个tbody;  
  temp是指表格的模板,这里是script节点的jquery对象  
  page 需要放置分页控件的容器  
  param 初始化带的参数 type json  
  search 搜索按钮节点,你的祖先级中要有一个class为form的节点,会利用[query]()格式化里面为参数,进行查询数据操作  
  callback 加载后的回调  
  filterCon 筛选过滤  

  

init:function(settings)  
  init是启动方法,目前的settings中仅包含{type:'get'} ,ajax请求的类型  

  

以上所述就是本文的全部内容了,希望大家能够喜欢。

  

★★★小编:美娱国际 整理文章,欢迎大家转载 ★★★
相关文章阅读