json查询结果绑定
M_Hisorder.doQuery = function (){ $("#dataList").empty(); var data = ""; var url = "/hisorder/hisorderList.do"; SF_Form.ajax(SF_MethodType.POST, url, SF_Form.serialize() + data, M_Hisorder.callback); } /** * 加载历史订单列表 */ M_Hisorder.callback = function (data){ $("#ul li:gt(0)").remove(); var dataSource = C_SourceUtil.getCtrlValue(data,"HISORDER_TABLE"); var el = document.getElementById('dataList'); //页面绑定id var template = '<div><p>#f[CATEGORYNAME]</p><span>#f[HANDLETIME]</span></div><p class="num">#f[CUSTOMNAME]</p>'; $.each(dataSource, function(idx, item) { //循环 var i = item; var content = SF_Placeholder.replace(item, template); //数据源,模板 li = document.createElement('li'); //创建元素节点li li.innerHTML = content; //向li中插入替换数据 var $li = $(li); //选择所有li $li.attr("id", item.ID); //设置属性的值 $li.css({"cursor":"pointer"}); //---移动到上面变色事件 el.appendChild(li, el.childNodes[0]); //----每次循环+li $("#"+item.ID).click(function(){ //M_Main.cancel(item.ID); //给id添加点击事件 待用 }); });
-------------------------------------------------------------------------
## 极客时间全网最便宜最优惠购买方式,优惠券返现 百度网盘 微信关注公众号“选门好课”
扫描下方二维码关注我的公众号"选门好课",与我一起交流知识
## 极客时间全网最便宜最优惠购买方式,优惠券返现 百度网盘 微信关注公众号“选门好课”
扫描下方二维码关注我的公众号"选门好课",与我一起交流知识
![](https://img2020.cnblogs.com/blog/1380427/202106/1380427-20210612205128988-2121550039.jpg)