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
}