00、语法
${}:等同于{{= }}//jsp中建议{{= }},注意空格。
{{html }}:若变量中带有html标签是有次tag
{{if }} {{else}}:判断结构
{{each }}:循环结构
tmpl模板(创建)
方法1、
var templateStr="<span>"+
"<a href=''>{{= LinkText}}</a>"+
"</span>";
$.template("template",templateStr);
$.tmpl('template',list).appendTo(".realContent"); //有引号
方法2、
<script id="template" type="text/x-jquery-tmpl" >
<span>
<a href="">{{= linkText}}</a>
</span>
</script>
$.tmpl(template,list).appendTo(".realContent");//无引号
00、tmpl模板(取值)
1、
(当user.garade==null 时 user.grade.gradeName致使模板出错)
{{if user.garade!=null}} {{= user.grade.gradeName}} {{/if}}
2、html内容输出(answer=“ <a href="" >answer</a>”)
{{html answer}}
00、tmpl追加属性(循环index)
$.tmpl( qustionTemplate,list,
{getIndex:function(){
index=index+1;
return index;
}
}
).appendTo(".realContent");
调用:<a href="javascript:void(0);" id="{{html $item.getIndex()}}">我要测试</a>
00、例子1
function ajaxLoadQuestionType(params,url) { $.post(url,params,function(data){ $("#span_qt a:eq(0)").siblings("a").remove(); data = data.replace(/\s/ig, ' '); data=eval('('+data+')'); var qtTmplStr='<a name="{{= ID}}" href="javascript:void(0);"> {{= QTYPE_NAME}} </a>'; $.template("qtTmpl",qtTmplStr); $.tmpl("qtTmpl",data).appendTo("#span_qt"); }); }
例子2
<!-- 试题列表模板 --> <script id="qustionTemplate" type="text/x-jquery-tmpl"> <div id="{{= myStore.id}}" style="{{html $item.getBorder()}}"> <h3>题型{{if questionType!=null}} {{= questionType.QTYPE_NAME}} {{/if}} 年级:{{if grade!=null}} {{= grade.GRADE_NAME}} {{/if}} 学科:{{if subject!=null}} {{= subject.sbj_name}} {{/if}} 知识点:{{= knowledge_content}}</strong> 难度:{{if dictinfo!=null}} {{= dictinfo.info}} {{/if}} 使用次数:<strong>{{= quote_num}} </h3> <ul class="daan_con">{{html qcontent}}</ul> {{if answerCount>0}} <p>{{html answer}}</p> <h5>答案解析</h5> <p>{{html answer_analysis}}</p> {{/if}} <div class="result dd" style="float:right;"> {{if answerCount>0}} <a id="{{html $item.getIndex()}}" onclick="popLayerTest(this)" >重做</a> {{/if}} </div> </script> $.tmpl( qustionTemplate,data.items, { getIndex:function(){ index=index+1; return index; }, getBorder:function(){ i=i+1; if(i==1){ return "margin:0; border:0;"; } return ""; } } ).appendTo(".realContent");
相关推荐
TMPL_Vue一.Vue基础概述:JS框架,简化Dom操作,响应式数据驱动引进<!-- 开发环境版本,包含了有帮助的命令行警告 --> [removed][removed] <!-- 生产环境版本,优化了尺寸和速度 --> [removed][removed]...
jQuery.tmpl.js 很好!
web快速部署 jquery tmpl demo web部署数据
jquery.tmpl.js jquery.tmpl.js jquery.tmpl.js
jquery-tmpl-master.zip
Sublime Text 3 SublimeTmpl no such file
适用与jquery 的字符替换模板,示例:$(属性/元素).tmpl
jQuery .tmpl(), .template()大全集
前端开源库-ape-tmplAPE TMPL,APE框架模板。
前端开源库-blueimp-tmplblueimp tmpl,1KB轻量级,快速和强大的javascript模板引擎,零依赖性。与node.js等服务器端环境、requirejs、browserify或webpack等模块加载程序以及所有Web浏览器兼容。
添加的版本:1.4.3 jQuery.tmpl(template [,data] [,options]) template用作模板的HTML标记或文本。 数据的数据呈现。这可以是任何JavaScript类型,包括Array或Object。 options用户定义的键/值对的可...
wu.tmpl.js, 高性能模板引擎 (js template)
locale-archive 和 locale-archive.tmpl 里面保存了这两个文件。这个是位于Linux系统 /usr/lib/locale 文件夹下的。 里面保存了比较全的字符集。
一款jQuery的模板插件 tmpl,可动态请求数据来更新页面
jquery-tmpl
解决 [object HTMLInputElement]之类默认值的bug,作者已经7年没有更新此插件了,因此遇到此问题我对源码做了修改,修改时间:2017-11-01。有问题请联系我:31705252@qq.com
<template name="tmpl_15_container"> <template is="tmpl_0_#text" data="{{i:i}}" wx:if="{{i.nn==='#text'}}"> <comp i="{{i}}" l="{{l}}" wx:else></comp> <template name="tmpl_14_container"> (14,i.nn,l)...
gulp-tmpl2js 用于将 tmpl 编译为 js 字符串的 Gulp 插件,可选 amd 或 commonjs 包装器。 安装 $ npm install --save-dev gulp-tmpl2js 用法 var gulp = require ( 'gulp' ) ; var tmpl2js = require ( 'gulp-...
tmpl是一个轻量级的,shell脚本友好的文档渲染器。 像envsubst类的envsubst就不同了。 tmpl受到外壳工具集(例如的最新扩展的启发,该扩展允许处理来自外壳的复杂,结构化(JSON)数据。 该工具为特定领域的特殊...