`
lexinquan
  • 浏览: 45981 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

推荐好用的Jquery模板插件Jtemplate

 
阅读更多

jtemplate是javascript的模板引擎。官方网址:http://jtemplates.tpython.com/


数据准备:


1、引入库文件



2、编写模板


语法:

1、大括号{..} ,在这里面可以写任何javascript的代码,比如 {$T.toUpperCase()}

2、{$T}: 表示数据,例如上面的例子,$T.table表示得到data的table对象,$T.TotalCount 为 64。

3、{#foreach} : 循环获取数据,如上面:{#foreach $T.table as row} {$T.row.Title} {/for}


扩展语法:

{#if}

例子:


{#foreach}


例子:
a、输出所有数据:

b、从第二条记录开始输出:

c、从第二条开始且只取2条

d、使用step

e、使用else


{#for}
例子:




3、渲染模板并展示



设置模板的几种方法:

a. setTemplateElement:参数为页面中的一个元素ID
如上面的例子

b.setTemplate: 参数为具体的模板内容,
如:$("#result").setTemplate("Template by {$T.bold()} version <em>{$Q.version}</em>.");

c.setTemplateURL:使用外部独立模板文件Url作为参数
如:$("#result").setTemplateURL("example_multitemplate1.tpl");


4、运行结果:



完整代码


分享到:
评论

相关推荐

    jtemplate简单例子jquery

    jtemplate+jquery 做的简单的例子,在开发中用前台js模板技术,在开发中 处理 json显示模板技术

    jquery json jtemplate +Webservices 分页

    [WebMethod] public string GetData(string currIndex, string pageSize) { string data = string.Empty; int pageCount = -1; List&lt;Item&gt; itemList = new List(); for(int i=0;... itemList.Add(new Item() { ...

    JQuery1.3.2、1.4.1的min和vsdoc文件,附加jtemplate

    JQuery1.3.2、1.4.1的min和vsdoc文件,附加jtemplate

    jtemplate:用于替换变量的简单对象Pascal模板工具

    该插件可帮助您将变量填充到模板文件中。 它最初旨在在HTML文件中填充自定义标签。 但是,由于它不依赖于HTML处理例程,因此可以在任何上下文中使用。 换句话说,如果您有一个字母和字母的模型,喜欢填写发件人和...

    详解ajax +jtemplate实现动态分页

    jtemplate是一个基于JQuery的模板引擎插件,功能非常强大,有了她你就再不用为使用JS绑定数据集而发愁了。 主要思路,复制textarea作为模板,ajax加载json数据,添加模板,绑定数据,更新加载更多事件。 //加载更...

    坐标转换工具JTemplate.zip

    支持80和2000数据shp到txt互相转换,支持省级和部级格式。

    jquery.jtemplates 实例

    jquery,jtemplates 实例,有3个DEMO

    基于ASP.net 利用jTemplate绑定数据的示例

    本示例简单实现网络的三层架构,利用ado将数据从数据库中获取,再利用jTemplate.js实现的方法,配合Jquery将数据绑定到页面上,例子很简单,有问题望大家指正,互相交流!

    JTemplate-开源

    JTemplate为cli,awt,swing,swing-mdi,applet和servlet应用程序生成Java源代码。 用户仅输入一些参数(类名,包名,...),JTemplate将创建所有必需的文件。

    jquery-jtemplates

    用于web开发中前端数据绑定。jtemplate是在jquery的基础上实现的,所以脚本的引入顺序不能颠倒,否则会报错。

    简单ajax jtemplate json 分页示例

    结合网上的示例,做的ajax分页代码示例,但实现并非是自己写分页对象什么的,而是用SQL语句根据页号选择查找。

    jTemplates

    jTemplates是一套用作较广的基于jQuery开发的javascript模板引擎,用它可以配合ASP/PHP/JSP/等众多语言来完成诸如通过JavaScript获取JSON数据、获取一个HTML模板、构建客户端分页表格、与数据结合生成HTML静态页面的...

    node-neo4j-template:使用Node.js中的Neo4j的模板应用程序

    Node-Neo4j模板 这是一个模板 + 应用程序,使用库(在npm上可作为neo4j )。 演示在Heroku上的上运行。 该应用程序是一个简单的社交网络管理器:它使您可以添加,删除,关注和取消关注用户。 它是基本的,UI很糟糕...

    neo4j_example_1:这是neo4j数据库示例。 neo4j是表数据库,它是非关系型

    neo4j_example_1 这是neo4j数据库示例。 neo4j是表数据库,它是非关系型

    [源代码] .NET学架构之用户体验层 常用设计模式

    ☆☆ 资源说明:☆☆ ☆ 设计模式 ☆ Periodic Refresh and Timeout Pattern; Client-side data binding with jTemplate; Unique URL Pattern; Predictive Fetch Pattern;

    jdk api 1.8_China.zip

    Jtemplate基本依赖;包含commons-logging-1.2.jar,spring-beans-5.0.0.RELEASE.jar,spring-core-5.0.0.RELEASE.jar,spring-jdbc-5.0.0.RELEASE.jar,spring-tx-5.0.0.RELEASE.jar

    Manning.Spring.in.Action.4th.Edition.2014.11.epub

    12.2.3. Working with Neo4jTemplate 12.2.4. Creating automatic Neo4j repositories 12.3. Working with key-value data in Redis 12.3.1. Connecting to Redis 12.3.2. Working with RedisTemplate 12.3.3. ...

Global site tag (gtag.js) - Google Analytics