001、语法
${}:等同于{{= }}//jsp中建议{{= }},注意空格。
{{html }}:若变量中带有html标签是有次tag
{{if }} {{else}}:判断结构
{{each }}:循环结构
002、引入js
<script type="text/javascript" src="js/jq/jquery.tmpl.js"></script>
003、使用
方法1、简单结构使用此方法
<script type="text/javascript"> var templateStr="<span>"+ "<a href=''>{{= LinkText}}</a>"+ "</span>"; $.template("template",templateStr); $("#template").tmpl(data).appendTo("#targetDom"); </script>
方法2、复杂结构使用此方法
<script id="template" type="text/x-jquery-tmpl" > <span> <a href="">{{= linkText}}</a> </span> </script> <script type="text/javascript"> $.tmpl("#template",data).appendTo("targetDom"); //或者 $.tmpl(template,data).appendTo("targetDom"); </script>
004、模板取值
1、 (当user.garade==null 时 user.grade.gradeName致使模板出错)
{{if user.garade!=null}} {{= user.grade.gradeName}} {{/if}}
2、html内容输出(answer=“ <a href="" >answer</a>”)
{{html answer}}
005、实例
<!-- 试题列表模板 -->
<script id="qustionTemplate" type="text/x-jquery-tmpl">
<div class="daan1" style="margin:0">
<h3> 题型:<strong>{{if questionType!=null}} {{= questionType.QTYPE_NAME}} {{/if}} </strong>
年级:<strong>{{if grade!=null}} {{= grade.GRADE_NAME}} {{/if}} </strong>
学科:<strong>{{if subject!=null}} {{= subject.sbj_name}} {{/if}} </strong>
知识点:<strong>{{= knowledge_content}}</strong>
难度:<strong>{{if dictinfo!=null}} {{= dictinfo.info}} {{/if}} </strong> 使用次数:<strong>{{= quote_num}}</strong>
</h3>
<ul class="daan_con">{{html qcontent}}</ul>
<!--{{if answerCount==0}}-->
<div class="result">
<!--正确答案-->
<div class="detail">
<h5>正确答案</h5>
<p>{{html answer}}</p>
<h5>答案解析</h5>
<p>{{html answer_analysis}}</p>
</div>
<!--正确答案结束-->
</div>
<!-- {{/if}}-->
<!--end result-->
</div>
<!--end daan-->
<div class="result dd" style="float:right;">
<a id="2" name="{{= id }}" rel="5" onclick="popLayerTest(this)" href="javascript:void(0);" class="btn_tk01">重做</a>
<a href="javascript:void(0);" onclick="seleteAnwserHistory(this,'{{= id }}')" onmouseout="imgOut(this)" class="btn_tk02">答题记录</a>
<div class="pop_ms2">
<table width="270px" border="1"></table>
</div>
<a href='javascript:void(0);' class="btn_tk03" onclick='javascript:if(confirm("你确认要删除吗?"))location="*******.action?my_questionid={{= myQuestions.id}}"'>从错题本中删除</a> </div>
<div class="clearfix"></div>
</div>
</script>
006、为模板扩展属性值(例:显示每行的index)
//异步加载试题列表 //模板将追加的属性或方法赋给内置变量 $item function ajaxLoadQuestion() { var index=0; $.tmpl( qustionTemplate,data, { getIndex:function(){ index=index+1; return index; } } , { } ).appendTo(".realContent"); //重新绑定事件 initPage(); }
调用追加变量 <td> {{html $item.getIndex()}}</td> 此方法每调用一次index 就+1
相关推荐
Windows Template Library - WTL Version 9.1 (build 5270) 2015-09-27 Windows模板库 - WTL Version 9.1 (build 5270) 2015-09-27 (水平有限,不足之处,欢迎指正交流:ybmj@vip.163.com) ________________________...
该应用程序无法解析 ms-appx://d31bfc06-847b-413e-b5c5-b3d1f4025247/out/my_app/some_file.js,因为此错误:RESOURCE_NOT_FOUND。 停止调试(shift+F5)并单击解决方案资源管理器中的“刷新”按钮: 这将强制 ...
该应用程序无法解析 ms-appx://d31bfc06-847b-413e-b5c5-b3d1f4025247/out/my_app/some_file.js,因为此错误:RESOURCE_NOT_FOUND。 停止调试(shift+F5)并单击解决方案资源管理器中的“刷新”按钮: 这将强制 ...
Windows Template Library - WTL Version 9.1 (build 5270) 2015-09-27 Windows模板库 - WTL Version 9.1 (build 5270) 2015-09-27 (水平有限,不足之处,欢迎指正交流:ybmj@vip.163.com) ________________________...
4:在CodeSmith Studio中,Template Explorer下,选择Execute.cst,右键菜单Execute。 5:在CodeSmith的执行窗口中设置参数如下: 1.名称空间 RootNamespace ---------> 根名称空间 ClientNamespace -------...
支持静态资源(css/js/图片)和动态页面的分离(通过二级域名分离);支持网址无后缀名(或 html 等其他任意后缀名),支持符合 SEO 的良好 url 风格;默认使用依赖注入容器和 AOP 容器,轻松支持二次扩展开发。丰富的缓存...
包括(mysqlchm,JavaScrip,w3cn1.0_gb2312,AspStudioapache2chm,w3cn,《微软JavaScript手册》,HTML编写应用程序,css2.0,CSS 2.0 中文参考手册,,Hibernate_3.2.0_Reference_zh_CN,Ease ,Template (ET) 中文参考手,册,...
3) 本网店系统采用微软主流语言C#/.Net2.0构建,数据库采用SQLServer数据库,服务器环境兼容性强,可移植性强,系统安全高效,在安装和操作上十分便捷。网站使用缓存技术,经过.NET的第一次加载后,在运行速度上超快...
最近要做一个侧边目录的功能,没有找到类似的组件,索性自己写了一个供大家参考 vue-side-catalog 一个基于vue的侧边目录组件。...<template> <h1>JavaScript 历史 肇始于网景 微软采纳 标准化</h3
完整的在.net后台执行javascript脚本集合 ASP.NET 中的正则表达式 常用的匹配正则表达式和实例 经典正则表达式 delegate vs. event 我是谁?[C#] 表达式计算引擎 正式发布表达式计算引擎WfcExp V0.9(附源码) 运算...
3.1.1 验证控件与JavaScript 85 3.1.2 使用Page.IsValid 85 3.1.3 设置Display属性 86 3.1.4 突出显示验证错误 86 3.1.5 使用验证组 90 3.1.6 禁用验证 93 3.2 使用RequiredFieldValidator控件 94 3.3 使用...
只需在 xml 中定义模型,通过从 Visual Studio 菜单运行 T4template 生成代码,在创建数据库后执行 db 脚本。 现在应用程序已准备好执行上述模式的基本 CRUD 操作。 还有另一个文档解释了在本地机器上设置项目的...
主题集成了大量JS脚本,因此安装主题前,最好禁用所有插件,以免造成冲突,产生莫名的问题。如果之前使用过HotNews Pro主题,后台删除原来的版本,并到wp-content\uploads目录,删除类似HotNewspro.zip的压缩包,...
嘿 :waving_hand: ,我是 嗨,我是全栈开发人员Govind Dixit :rocket: 来自印度,目前在担任工程实习生 除了不断发展的东西,我喜欢听音乐 :headphone: 和旅行 :desert_... :handshake: 微软学生合作伙伴 :1st_place