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

Foundations of PEAR

Foundations of PEAR

Good, Nathan A./ Kent, Allan / Springer-Verlag New York Inc / 2006-11 / $ 50.84

PEAR, the PHP Extension and Application Repository, is a bountiful resource for any PHP developer. Within its confines lie the tools that you need to do your job more quickly and efficiently. You need......一起来看看 《Foundations of PEAR》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

在线进制转换器
在线进制转换器

各进制数互转换器

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

RGB CMYK 互转工具