list绑定

/**
 * 首页信息查询的回调函数
 * @param 返回值
 */
M_Main.ajaxCallBack = function (data){
	var dataSource = data.resiCategoryList;     //获取绑定的数据
	
	if (SF_DataConvert.isNullOrEmpty(dataSource) ) {
		return ;
	}
	
	if (typeof dataSource === "string"){
		dataSource = SF_Json.bean(dataSource);
	}
	
	var el = document.getElementById('dataList');   //获取需要绑定的id   ul
	var template = "<h1>#f[CATEGORYNAME]</h1><img src="#f[CATEGORYICON]">";    模板
	
	$.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添加点击事件
		});
	});
	
}