Jquery.tmpl
它是一个基于jquery的模板展示插件，有了它就可以去展示JSON数据渲染到HTML页中！
一.使用方法
引入Jquery
引入 tmpl
定义模板块
//重复项
二.基本使用示例
Title
编号 姓名 年龄 状态
${ID}
{{= Name}} /*同占位符作用相同，注意空格*/
${Number(Age)+1} /*可以是表达式*/
${Status}
varusers= [{ID:'S1001',Name:'Joseph Chan',Age:'18',Status:1},
{ID:'S1002',Name:'Mary Cheung',Age:'20'}];
// 引用模板在Table中显示数据
$("#demo").tmpl(users).appendTo('#div_demo');
<![]()
ml>
实现思路
获取数据源 tmpl(JsonDataBase)
通过插件的tmpl方法可以对模板进行绑定数据在追加XX元素上
绑定字段的三种方式
${name}
{{= name}}
{{html name }}
绑定时的判断
{{if $data.Status==1 }}
禁用
{{else}}
正常
{{/if}}
更多方法尽在
![]()
一.使用方法
引入Jquery
引入 tmpl
定义模板块
//重复项
二.基本使用示例
varusers= [{ID:'S1001',Name:'Joseph Chan',Age:'18',Status:1},
{ID:'S1002',Name:'Mary Cheung',Age:'20'}];
// 引用模板在Table中显示数据
$("#demo").tmpl(users).appendTo('#div_demo');
<
实现思路
获取数据源 tmpl(JsonDataBase)
通过插件的tmpl方法可以对模板进行绑定数据在追加XX元素上
绑定字段的三种方式
${name}
{{= name}}
{{html name }}
绑定时的判断
{{if $data.Status==1 }}
禁用
{{else}}
正常
{{/if}}
更多方法尽在