zoukankan      html  css  js  c++  java
  • 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="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',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选择器必须是你解析组件的父级以上的节点。也就是说这个查找出来的节点相当于一个容器,它只会解析容器里面的内容。

  • 相关阅读:
    Android之BroadcastReceiver1
    contentprovider提供程序间共享数据的统一接口
    Android之访问下载文件
    Android之SQLite
    Android之Handler
    sql server异地备份数据库
    Android常用控件
    Android学习笔记02
    Android学习笔记01
    java多线程的使用2
  • 原文地址:https://www.cnblogs.com/rnckty/p/5960752.html
Copyright © 2011-2022 走看看