您的位置:首页 > 产品设计 > UI/UE

js循环生成多个easyui datagrid数据网格时,初始化表格

2016-10-14 15:44 579 查看
$.each( content, function(i, item){
var info_tpl = "";var result_tpl = "";var pre = /\<+\s*([a-z]+)\s*/;
info_tpl += "<div class='result-info'>"
+ "<p>【执行SQL:("+i+")】</p>"
+ "<p>"+item.sql+"</p>"
+ "<p>"+item.msg+"</p>";
//显示执行结果
$("#pagebox .pagebox-list:eq("+index1+") .resultbox .result-info-box").append(info_tpl);
$("#pagebox .pagebox-list:eq("+index1+") .resultbox .result-info-box").show();

if ( item.excute_result != '' && item.excute_result != undefined ) {
//显示结果集列
var resultnav_tpl = "<li><span class='resultnav-title' title='"+item.sql+"'>结果集"+x+"</span></li>";

$("#pagebox .pagebox-list:eq("+index1+") .resultnav ul").append(resultnav_tpl);

result_tpl += "<div class='result-content' >"
+"<table class=\"easyui-datagrid\" style=\"width:100%;height:"+resultbox_height+"px;\" data-options=\"striped:true,rownumbers:true,singleSelect:true\" >"
+"<thead><tr>";
$.each( item.excute_result, function(j, vo){
if( j == 0 ){
$.each( vo, function(h, v){
result_tpl += "<th data-options=\"field:'" + h + "',align:'center',width:80\">"+h+"</th>";
} );
result_tpl += "</tr></thead><tbody>";
}
result_tpl += "<tr>";
$.each( vo, function( k, val){
if ( pre.test(val) ) {
result_tpl += "<td><xmp>" + val + "</xmp></td>";
} else {
result_tpl += "<td title='" + val + "'>" + val + "</td>";
}
});
result_tpl += "</tr>";
} );
result_tpl += "</tbody></table></div>";
$("#pagebox .pagebox-list:eq("+index1+") .resultbox").append(result_tpl);
$.parser.parse("#pagebox .pagebox-list:eq("+index1+") .resultbox");//JQuery选择器是解析组件的父级节点

x++;
}
} );


需要说明的这个jquery选择器必须是你解析组件的父级以上的节点。也就是说这个查找出来的节点相当于一个容器,它只会解析容器里面的内容。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: