Skip to content

gavinjzx/bindJSON

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

json数据绑定jQuery插件 功能: 1、绑定列表数据 2、绑定单条数据到页面

使用方法 1、页面引用jquery和bindJSON插 件 <script src="lib/jquery-1.12.4.min.js"></script> <script src="lib/jquery.bindJSON.js"></script> 如果手机端使用zepto.js,把jquery.bindJSON.js复制文件名为zepto.bindJSON.js,修改最后一行内容为: })(zepto);//原为})(jQuery); 把 <script src="lib/jquery.bindJSON.js"></script>换成 <script src="lib/zepto.bindJSON.js"></script> 2、绑定列表数据: a.设计模板:

<ul  id="dataObj" class="hide">
<li>
<div>
<div class="hd">{placeName}</div>
<div class="bd">活动时间:{activitytime}</div>
</div>
</li>
</ul>
b.JS调用:
$("#dataObj").bindJSON("list"});//循环调用json数据列表
//对循环后的数据再处理,需使用回调函数
$("#dataObj").bindJSON("list", {}, function () {
$("ul>li").addClass("red");
console.log("here");
});

3、绑定单条数据到页面

$("#dataObj").bindJSON("detail",{},function(){});

  20170210更新:list方法添加分页功能。
  使用方法:传参数时isPage:true;
  如
  $("#dataObj").bindJSON("list", {isPage: true, pageSize: 2});

About

超级方便的JSON数据绑定控件。功能是绑定JSON数据到页面。适用jQuery和Zepto。可绑定列表页和详细页,可以自行添加需要的业务逻辑。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors