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选择器必须是你解析组件的父级以上的节点。也就是说这个查找出来的节点相当于一个容器,它只会解析容器里面的内容。
相关文章推荐
- ajax返回的数据 用easyui的datagrid的表格来循环显示,用灰色背景的是隐藏的列。点击可以获取到隐藏的值
- jQuery EasyUI API 中文文档 - 数据表格(DataGrid)
- jQuery EasyUI API 中文文档 - DataGrid数据表格
- 解决jQuery的EasyUI的datagrid数据表格中行的垂直居中问题
- jQuery EasyUI API 中文文档 - DataGrid数据表格
- easyui datagrid-detailview.js 子数据表显示BUG
- js 分页、表格、生成数据
- EasyUI datagrid数据表格的函数getData返回来的是什么
- jQuery_easyUI 合并单元格 (DataGrid 数据表格)
- 在js中获取easyui datagrid的数据
- jQuery EasyUI API 中文文档 - DataGrid数据表格
- jQuery EasyUI API 中文文档 - 数据表格(DataGrid)
- 解决jQuery的EasyUI的datagrid数据表格中行的垂直居中问题。
- jQuery EasyUI API 中文文档 - 数据表格(DataGrid)
- jQuery EasyUI API 中文文档 - 数据表格(DataGrid)
- jQuery EasyUI API 中文文档 - DataGrid数据表格
- easyUI-datagrid 初始化数据为50条的问题
- Easyui实现datagrid绑定JS本地对象(可不请求URL,不生成JSON)
- datagrid-detailview.js easyui表格嵌套
- jQuery EasyUI API 中文文档 - DataGrid数据表格