js迴圈產生多個easyui datagrid資料格時，初始化表格

標籤：

$.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選取器必須是你解析組件的父級以上的節點。也就是說這個尋找出來的節點相當於一個容器，它只會解析容器裡面的內容。

js迴圈產生多個easyui datagrid資料格時，初始化表格