基于jquery的Repeater实现代码

2020-05-22 15:35:23易采站长站整理

return arr ;
}
//———————————————————————-

挺乱的,但代码也简单,也有注释,不多说了:-D
如何使用

$(‘repeater1’).Repeager(data,[ItemCreatedCallBack]);
ItemCreatedCallBack 为可选参数,可以说是项创建事件吧!

如何嵌套?
通过ItemCreatedCallBack回调(或称事件)
Demo – HTML模板:

<div id=”repeager1″>
<div class=’itemtemplate’>
<b>{列名}</b>
<ul class=”subrepeager”>
<!–每多一层嵌套 要 多一层大括号–>
<li class=’itemtemplate’>{{列名}}</li>
</ul>
</div>
</div>

Demo – js代码:

$(function{
$(‘repeater1’).Repeager(data,itemCreate);
});
function itemCreate(x){
// 在此绑定子repeater
// 参数X是父repeater的项引用类型为jQuery对象,
// 通过X取得子repeater要用的数据 并取数据源 在此绑定子repeater 绑定子repeater
}

源码下载
作者:houfeng
出处:http://houfeng.cnblogs.com