easyui 弹框显示列表

来源：互联网发布：文本导入mysql 乱码编辑：程序博客网时间：2024/05/16 17:30

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}

阅读全文

0 0