html表格引擎,layui的table内toolbar和模板引擎

1、toolbar需要建立一个script标签然后通过toolbar：“#id”来引入此toolbar

然后里面可以写一些layui的特定语句

然后监听toolbar的事件 ：

table.on("tool(test)",function(obj){

//其中tool是代表toolbar事件test是这个table的lay-filter的内容

var data=obj.data;

//Obj代表你所选的行

var layEvent=obj.event;

//这个代表lay-event里面的内容

var tr = obj.tr;

//  console.log(tr);

if(layEvent==="del"){

//obj.del();

obj.update({

// 这个是更新的内置函数

username:"kkk",

sex:"man"

})

}

})

​然后templet基本上跟toolbar的使用差不多，就是templet基本是对数据的处理，然后toolbar是对于按钮事件类的操作。

> table.set(options);

//设定全局默认参数。options即各项基础参数

> table.on('event(filter)',

callback); //事件监听。event为内置事件名(详见下文)，filter为容器lay-filter设定的值

> table.init(filter, options);

//filter为容器lay-filter设定的值，options即各项基础参数。例子见：转换静态表格

就是存在一个table然后你可以将它转化为layui类似的table类型。

就是需要注意的是在转述静态表格的时候需要给th标签内一个lat-data属性

> table.checkStatus(id);

//获取表格选中行(下文会有详细介绍)。id即为id参数对应的值

这里的选中行是CheckBox的选中行。 返回的对象有一个isAll数据这是是否全选

> table.render(options);

//用于表格方法级渲染，核心方法。

表格重载table.reload(ID，options)//

其中ID是render内置的id。

table.reload(options)

//这个仅限于方法级重载​

并且table还需要是tableobject

是由table.reload()返回来的对象

2、模板引擎

laytpl([

'{{# var type="你";}}'

,'{{ d.name}}是{{ type}}好'

//注意这些都是字符串，然后通过join合并的。

,'{{ d.name }}是一位公猿'

].join("")).render({

//第一个参数就是d

第二个参数是一个函数对这个数据进行处理

name:"柏柏"

},function(string){

console.log(string);

});

​

​