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

jQuery的tmpl插件的使用

 
阅读更多
<%@page language="java" contentType="text/html; charset=GBK" isELIgnored="false"%>
    <!--1.引入插件文件-->
     <script type="text/javascript" src="./common/js/jsTmpl/jquery.js"></script>
     <script type="text/javascript" src="./common/js/jsTmpl/jquery.tmpl.js"></script>
    <!--2.定义模板-->
    <script id="myTemplate" type="text/x-jquery-tmpl">
        <tr>
			<td>\${Name}</td><!--\的作用为转义-->
			<td>\${ID}</td>
		</tr>
    </script>
    
    <!--3.模范JSON返回数据-->
    <script type="text/javascript">
        $(function () {
        	var users = [{ ID: 'think8848', Name: 'Joseph Chan' }, { ID: 'aCloud', Name: 'Mary Cheung'}];
			<!--4.根据模板在指定的元素上加载数据-->
            $("#myTemplate").tmpl([{ ID: 'think8848', Name: 'Joseph Chan' }]).appendTo("#rows");
        });
    </script>
    
    <style type="text/css">
        body
        {
            padding: 10px;
        }
        table
        {
            border-collapse: collapse;
        }
    </style>
    <table cellspacing="0" cellpadding="3" border="1">
        <tbody id="rows">
        	
        </tbody>
    </table>

 

分享到:
评论

相关推荐

    微软的 jquery.tmpl.min.js,浏览器兼容性最强

    然而,仅靠jQuery本身并不能满足所有复杂的动态数据展示需求,这就是jQuery插件jQuery tmpl.min.js的用武之地。这个小巧却强大的插件,专注于提供高效的字符替换模板功能,从而极大地简化了动态HTML内容的生成。 ...

    jquery-tmpl

    本文将深入探讨jQuery tmpl的核心功能、使用方法及其在实际项目中的应用。 jQuery tmpl是jQuery生态中的一个插件,它允许开发者通过简单的模板语法来处理HTML模板和数据的绑定。这个插件的出现,使得前端开发人员...

    jquery.tmpl.js

    jQuery tmpl.js是jQuery的一个插件,它提供了一种简单而强大的模板系统,使得动态生成HTML内容变得轻而易举。在本文中,我们将深入探讨jQuery tmpl.js的核心功能、语法特点以及实际应用场景。 一、jQuery tmpl.js...

    jquery tmpl

    jQuery tmpl 是jQuery的一个插件,它引入了一种简洁的模板语法,用于在DOM中插入、更新或删除基于JavaScript对象的数据。它的设计目标是提高性能,减少服务器端的工作负载,并简化客户端的代码结构。 ### 2. 模板...

    jquery.tmpl.js使用例子

    《jQuery tmpl.js 使用详解与实例解析》 在Web开发中,模板引擎是处理动态数据与HTML结合的关键工具,jQuery tmpl.js就是这样一款轻量级、高效的模板插件,它允许开发者将数据逻辑与页面展示分离,使得代码更加清晰...

    jquery-tmpl-master.zip

    本文将深入探讨jQuery-Tmpl,一个用于在jQuery中实现模板引擎的插件,以及它如何帮助开发者构建动态、数据驱动的用户界面。 一、jQuery-Tmpl简介 jQuery-Tmpl是jQuery的一个扩展,提供了模板编译和渲染的功能。这...

    最简单的jquery-tmpl渲染Demo

    jQuery tmpl是jQuery生态系统中的一个插件,它提供了一种简洁的方式来动态渲染HTML模板,通过将数据与HTML结构结合,可以创建出富有表现力的用户界面。它的语法简洁明了,使得开发者能够快速地理解和使用。 ### ...

    jquery.tmpl JQuery模板插件

    JQuery.tmpl 是一个用于Web开发的JavaScript库,它是一种模板引擎,允许开发者创建可重用的...这并不影响JQuery.tmpl本身的使用,但如果需要在新项目中使用JQuery.tmpl,可能需要单独引入JQuery.tmpl插件的脚本文件。

    JQuery模板插件 jquery.tmpl 动态ajax扩展

    总结一下,jQuery.tmpl插件的动态Ajax扩展是提高Web应用响应性、优化用户体验的关键技术。通过结合模板和异步数据加载,我们可以构建出更加动态、高效的网页。在实际开发中,要根据项目需求合理配置和使用这些扩展,...

    jQuery .tmpl(), .template()大全集

    接下来是`.template()`,它是jQuery的另外一种模板解决方案,通常与jQuery Templates插件一起使用。这个方法提供了更强大的功能,包括支持条件语句、循环、以及自定义函数。模板的语法稍有不同,如: ```html ...

    jQuery 模板

    在Web开发中,动态生成HTML内容是一项常见的任务,jQuery提供了一种模板插件——jQuery tmpl,来帮助开发者更高效地处理数据和DOM操作。jQuery tmpl允许我们预先定义HTML模板,然后使用JavaScript数据填充这些模板,...

    jQuery插件Tmpl的简单使用方法

    通常,jQuery库可以通过CDN(内容分发网络)获取,而tmpl插件可能需要在项目文件夹中包含。例如,引入jQuery的代码可能如下: ```html &lt;script src="https://code.jquery.com/jquery-3.x.min.js"&gt;&lt;/script&gt; ...

    jquery tmpl模板(实例讲解)

    在jQuery tmpl插件中,模板的定义和使用需要遵循一定的格式规范。典型的模板定义方式如下: ```html &lt;script id="myTemplate" type="text/x-jquery-tmpl"&gt; ${ID} ${Name} ``` 然后在JavaScript中通过`.tmpl...

    tmpl 模板插件

    tmpl插件还支持嵌套模板和内置的循环功能,使得处理复杂的数据结构变得更加容易。例如,如果数据中有一个子数组,可以通过在模板中使用`{{each}}`循环来遍历: ```html {{each items}} ${title} ${content}...

Global site tag (gtag.js) - Google Analytics