Domplate
- 授权协议: 未知
- 开发语言:
- 操作系统: 未知
- 软件首页: http://plugins.jquery.com/project/domplate
软件介绍
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>
Head First jQuery
Ryan Benedetti , Ronan Cranley / O'Reilly Media / 2011-9 / USD 39.99
Want to add more interactivity and polish to your websites? Discover how jQuery can help you build complex scripting functionality in just a few lines of code. With Head First jQuery, you'll quickly g......一起来看看 《Head First jQuery》 这本书的介绍吧!
CSS 压缩/解压工具
在线压缩/解压 CSS 代码
图片转BASE64编码
在线图片转Base64编码工具
