推荐好用的Jquery模板插件Jtemplate

lexinquan

浏览: 47163 次
性别:
来自: 杭州

最近访客更多访客>>

yaodc

blackstreet

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

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、运行结果：

完整代码

<title>jTemplates</title>

</head>
<body>
    <div id="result">
    </div>
    <textarea id="templateContainer" style="display: none;">
        <table border="1">
            <tr>
                <td>
                    Id
                </td>
                <td>
                    标题
                </td>
                <td>
                    发布时间
                </td>
            </tr>
            {#foreach $T.Lists as row}
            <tr>
                <td>
                    {$T.row.Id}
                </td>
                <td>
                    {$T.row.Title}
                </td>
                <td>
                    {$T.row.CreateDate}
                </td>
            </tr>
            {#/for}
        </table>
    </textarea>
</body>
</html>

分享到：

Ioc容器Autofac介绍 | 依赖注入容器Unity介绍

2011-08-09 22:51
浏览 1028
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

1、引入库文件

2、编写模板

3、渲染模板并展示

4、运行结果：

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论