1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><!-- saved from url=(0043)http://jtemplates.tpython.com/example2.html --><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="Scripts/jTemplates/example/jquery.js"></script> <script type="text/javascript" src="Scripts/jTemplates/jquery-jtemplates.js"></script> <title>jTemplates</title> <script type="text/javascript"> // data for testing 模板数据 $(document).ready(function () { var data = { name: 'User list', list_id: 4, table: [ { id: 1, name: 'Anne', age: 22, mail: 'anne@domain.com' }, { id: 2, name: 'Amelie', age: 24, mail: 'amelie@domain.com' }, { id: 3, name: 'Polly', age: 18, mail: 'polly@domain.com' }, { id: 4, name: 'Alice', age: 26, mail: 'alice@domain.com' }, { id: 5, name: 'Martha', age: 25, mail: 'martha@domain.com' } ] }; // Localize data 模板参数 var lang = {}; lang['en'] = { 'id': 'ID', 'name': 'Name', 'mail': 'E-Mail', 'language': 'english' }; lang['pl'] = { 'id': 'ID', 'name': 'Nazwisko', 'mail': 'Adres e-mail', 'language': 'polski' }; // attach the template 加载模板 $(".jTemplatesTest").setTemplateElement("template"); // set parameter 'lang' 为模板指定参数，调用参数用 $P $("#result1").setParam('lang', lang['en']); $("#result2").setParam('lang', lang['pl']); // process the template 填充数据 调用数据用 $T $(".jTemplatesTest").processTemplate(data); }); </script> <style type="text/css"> .jTemplatesTest { background: #DDD; border: 1px solid #000; margin: 2em; width: 480px; } .jTemplatesTest * { padding: 4px; margin: 2px auto; } .jTemplatesTest td, tr { background: #EEE; border: 1px solid black; } </style></head><body style="zoom: 1;"> <!-- Template content --> <textarea id="template" style="display: none"> <div>{$T.name}: {$T.list_id} [{$P.lang.language}]</div> <table> <thead style="font-weight: bold"> <tr> <td>{$P.lang['name']}</td> <td>{$P.lang['mail']}</td> </tr> </thead> <tbody> {#foreach $T.table as record} <tr> <td>{$T.record.name}</td> <td>{$T.record.mail}</td> </tr> {#/for} </tbody> </table> </textarea> <!-- Output elements --> <div id="result1" class="jTemplatesTest"> </div> <div id="result2" class="jTemplatesTest"> </div></body></html> |
为模板指定参数
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 地球OL攻略 —— 某应届生求职总结
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】