js模板引擎juicer嵌入html元素,Javascript 模板引擎（Juicer.js）--实现数据和视图模型的分离...

在开发流程表单或自定义页面时，经常会遇到类似主从表数据的展示，简单的做法就是循环的去拼接html，简单结构时这样做没问题。复杂的结构就不是很合适。

Juicer.js可以方便的把数据和模板分离。

具体使用如下：

1、引入Juicer

2、定义Javascript模板，如：

对方签约主体${index|toUpperNum,index}：

{@if index==0}

               

{@else}

               

{@/if}

3、使用模板

如上的模板较复杂时，如果采用拼接html的方法，不管格式还是数据绑定时都不是很方便。

具体使用，如下：

a、获取模板：

var tpl = $("#contract_template").html();

b、数据绑定：

var data = { "index": index };

$("#OtherMainContract>tbody").append(compiled_tpl.render(data));

c、如果模板中有事件时，需要注册事件：

juicer.register('toUpperNum', toUpperNum);

简单使用如上，更多及详细使用操作，其他同事可做补充。