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添加点击事件 待用
		});
	});

  

posted @ 2018-10-27 15:45  剑小新  阅读(224)  评论(0编辑  收藏  举报