Domplate

码农软件 · 软件分类 · 其他jQuery插件 · 2020-01-13 21:41:55

软件介绍


Overview

The Domplate jquery plugin provides an advanced template system taken and modified from Firebug.

Features:

  • Templates are assembled via function calls instead of strings
  • User-defined callbacks to iterate and format data
  • Object oriented design allows for advanced hierarchies

NOTE: This plugin although functional has not had much actual use outside of the Firebug Firefox extension. It works well with Firefox but may have some problems with other browsers.

You can find more information here: http://code.google.com/p/domplate/
and here: http://www.christophdorn.com/Blog/category/domplate/

If you are interested in helping out to make this plugin cross-browser compatible, please express your interest on the discussion group.

Sample Code

<html>
<head>
  <script type="text/javascript" src="lib/jquery/jquery.js"></script>
  <script type="text/javascript" src="lib/jquery/jquery-domplate.js"></script>
<script>
$(document).ready(function(){
 
  with($.domplate) {
 
    var rep = $.domplate.create(
    {
      tpl: DIV({style:'border: 1px solid red; padding: 10px;'},
            FOR("item", "$items|arrayIterator",
              DIV({style:'border: 1px solid blue; margin-top: 5px; padding: 10px;'},'$item.msg')
            )),
   
      arrayIterator: function(array)
      {
        var items = [];
        for (var i = 0; i < array.length; ++i) {
          var value = array[i];
          items.push(value);
        }
        return items;
      }
    });
   
    var tpl = DIV({style:'border: 1px solid red; padding: 10px;'},'Hello World');
   
  }
   
  $('#body1').render(tpl);
 
  var items = [
               {msg:'Line1'},
               {msg:'Line2'}
              ];
 
  $('#body2').render(rep.tpl, {items:items}, rep);

});
</script>
</head>
<body>
<div id="body1"></div>
<div id="body2"></div>
</body>
</html>

本文地址:https://www.codercto.com/soft/d/23323.html

互联网爆破术:快速掌握互联网运营全链条实战技巧

互联网爆破术:快速掌握互联网运营全链条实战技巧

茶文 / 电子工业出版社 / 2018-7 / 49.00元

《互联网爆破术:快速掌握互联网运营全链条实战技巧》是一本实用的互联网运营书籍,可以让读者快速掌握运营全链条的干货技巧和相关模型,涵盖如何有效寻找市场的需求爆破点,通过测试一步步放大并引爆,直至赢利。《互联网爆破术:快速掌握互联网运营全链条实战技巧》非常适合互联网运营人员及互联网创业者阅读,它可以帮读者快速了解互联网运营的核心技巧,并用最低的成本取得成功。本书5大特色:快速入门、实战干货、低成本、系......一起来看看 《互联网爆破术:快速掌握互联网运营全链条实战技巧》 这本书的介绍吧!

URL 编码/解码
URL 编码/解码

URL 编码/解码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具