easyui 弹框显示列表

jsp:

.tongji_table{width:100%;text-align:left;border-collapse:collapse;border-spacing:0;border-spacing:0; }
.tongji_table td{ text-indent:20px;height:32px;word-break: break-all; word-wrap:break-word;border-right:0px solid #939598; border-bottom:0px solid #939598;font:500 14px;}  


<div style="text-align:right;font:solid;"><a id = "" href="javascript:void(0)" onclick="more()">更多</a></div>
	
<!-- modal: true, //dialog继承自window，而window里面有modal属性，所以dialog也可以使用
 collapsible: true, //是否可折叠，默认false
 minimizable: false, //是否可最小化，默认false
 maximizable: true, //是否可最大化，默认false
 resizable: true, //是否可折叠，默认false -->
<div id="tongji_ranking_dialog" class="easyui-window" title="排名统计" data-options="modal:true,closed:true,iconCls:'icon-save',top:0,resizable:false,collapsible:false,minimizable:false,maximizable:false" style="width:1000px;height:500px;padding:5px;top:200px;">
	<div style="margin: 0px 0px 0px 0px;" class="panel-body" title="" id="tongji_dialog" data-options="fit:true">
		<div id="" class="">
			<table id="pageTable_dialog" class="tongji_table" border="0" cellspacing="0" cellpadding="0" width="100%" align="center" bordercolor="white"  style="table-layout:fixed;overflow:scroll;">
				<thead>
					<tr class="" bgcolor= "#95B8E7">
					<td>创建活动数</td>
					<td>加保率</td>
					<td>使用次数</td>
					<td>确权率</td>
					<td>高净值客户率</td>
					<td>标签使用次数</td>
				</tr>
				</thead>
				<tbody >
				</tbody>
			</table>
		</div>
	</div>
	<div data-options="region:'south',border:false" style="text-align:right;padding:5px 0 0;">
			<a id="cancelButton" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="windowsclose()" style="width:80px">关闭</a>
	</div>
</div>

js:

//弹出更多窗口
function more(){
	$('#tongji_ranking_dialog').window('open');
	loadRankingData_dialog();
}
function loadRankingData_dialog() {
	var searchUrl = getRootPath() + "rank/tongJiRanking";
	//alert(searchUrl);
	ajaxFun(searchUrl, loadTongJiRankingData_dialog);
} 

function ajaxFun(ajaxUrl,callback) {
	$.ajax({
		type : "POST",
		dataType : "json",
		url : ajaxUrl, 	
		success : function(data) {
			callback(data);
		},
		error : function(data) {
		}
	});
}

function loadTongJiRankingData_dialog(data) {     
	$("#pageTable_dialog tbody").empty();
	for (var i = 0; i < data.createActiv.length; i++) {
		 var trObj = $("<tr class='tr'>" +
				"<td>"+data.createActiv[i]+"</td>" +
				"<td>"+data.addInsuranceRate[i]+"</td>" +
				"<td>"+data.useNum[i]+"</td>" +
				"<td>"+data.queQuanRate[i]+"</td>" +
				"<td>"+data.highNetValue[i]+"</td>" +
				"<td>"+data.labelUseNum[i]+"</td>" +
				"</tr>");
		$("#pageTable_dialog tbody").append(trObj);
	}
	$("#pageTable_dialog tbody tr:odd").css("background-color","rgba(219, 236, 244, 1)");
}

//更多窗口关闭按钮触发事件
function windowsclose(){
    $('#tongji_ranking_dialog').window('close');0
}