JS模板引擎-laytpl模板引擎使用实例2-表格树

使用效果图

使用laytpl模板引擎进行动态渲染，并使用表格树控件

 

使用实例代码

1.jsp代码

	

		
		 				 
			
			

				
 
					

					
地区名称
					
地区ID
					
所属大区
					
上级地区
					
操作管理
				
				
 
			

			
			
			
		
	
	

2.logisticsAreaList.js

//jsonData是从库中查出来的数据，可使用<%--${fns:toJson(list)}--%>工具来转换
$(document).ready(function() {
	//列表中删除按钮的弹框
	$("#treeTable").delegate(".deleteSure","click",function(){
		var href=$(this).attr("href");
		fdp.confirm('确定要删除么？',href); 
	});
});

$(document).ready(function() {	
	//表格树
	var tpl = $("#treeTableTpl").html();//模板
	var data = jsonData;//jsonData是从库中查出来的数据
	var ids = [];
	var rootIds = [];//一级分类的ID集合
	for (var i=0; i