[ABI 5.1] 分页样式渲染问题

看一下表样设计，您怎么写的js呢

本帖最后由 hujuan 于 2020-12-28 14:45 编辑

$(document).ready(function() {
    $("input.eui-form-input[name='WidgetParamFilterEdit29']").val('请输入学生姓名，学生学号').css('color', '#ffffff');
    textFill($("input.eui-form-input[name='WidgetParamFilterEdit29']"));
    initNum();
   initNum2();
   // if(g_rptpage.grid4pagebar){
    //  var paramobj = g_rptpage.grid4pagebar.paramobj;
    //  pageBar(paramobj.pageSize, paramobj.totalCount, paramobj.pageIndex);
    //}
    initHightLight();

});




function initNum() {
var tds = g_rptpage.doc.getElementsByClassName("c7");
for(var i=0; i<tds.length; i++){
  if(tds.getAttribute("ct") == "C" && tds.id.substring(0,5) == "GRID1" || tds.id.substring(0,6) == "GRID13"  || tds.id.substring(0,6) == "GRID12"){
   var numSpan = tds.innerHTML;
   if (numSpan.indexOf("div") == -1) {
     tds.innerHTML= "<div style='background-color:#13B881;height: 25px;width: 25px;border-radius: 5px;text-align: center;padding-top: 5px;'>" + numSpan + "</div>";
   }
  }
}
}
//初始化编号2
function initNum2() {
var tds = g_rptpage.doc.getElementsByClassName("c2");
for(var i=0; i<tds.length; i++){
  if(tds.getAttribute("ct") == "C" && tds.id.substring(0,5) == "GRID4"){
   var numSpan = tds.innerHTML;

     tds.innerHTML= "<div style='background-color:#13B881;height: 25px;width: 25px;border-radius: 5px;text-align: center;padding-top: 5px;'>" + numSpan + "</div>";
   
  }
}
}

function initHightLight(){
$('#GRID4 tr').mouseover(function(){
        if($(this).attr("row")%4 == 0)return;
        var row = $(this).attr("row")%4;
        switch(row){
                case 1:
                $(this).css("background-color","#ECFAF8");
                $(this).next().css("background-color","#ECFAF8");
                $(this).next().next().css("background-color","#ECFAF8");break;
                case 2:
                $(this).css("background-color","#ECFAF8");
                $(this).prev().css("background-color","#ECFAF8");
                $(this).next().css("background-color","#ECFAF8");break;
                case 3:
                $(this).css("background-color","#ECFAF8");
                $(this).prev().css("background-color","#ECFAF8");
                $(this).prev().prev().css("background-color","#ECFAF8");break;
                default:break;
        }
})
$('#GRID4 tr').mouseout(function(){
        if($(this).attr("row")%4 == 0)return;
        var row = $(this).attr("row")%4;
        switch(row){
                case 1:
                $(this).css("background-color","#ffffff");
                $(this).next().css("background-color","#ffffff");
                $(this).next().next().css("background-color","#ffffff");break;
                case 2:
                $(this).css("background-color","#ffffff");
                $(this).prev().css("background-color","#ffffff");
                $(this).next().css("background-color","#ffffff");break;
                case 3:
                $(this).css("background-color","#ffffff");
                $(this).prev().css("background-color","#ffffff");
                $(this).prev().prev().css("background-color","#ffffff");break;
                default:break;
        }
})
$("#GRID4 tr").each(function(){
        var row = $(this).attr("row")%4;
        if(row == 0)return;
        switch(row){
            case 1:
                $(this).children(":last").css("border-top-right-radius","10px");break;
            case 2:break;
            case 3:
                $(this).children(":last").css("border-bottom-right-radius","10px");break;
        }
        /*if($(this).attr("row")%4 != 0){
        $(this).css("box-shadow","1px 6px 15px 0px rgba(0, 0, 0, 0.13)");}*/
    })
}

是写在客户端脚本里的吧，您的表样设计呢

截图202012281506328082.png (37.14 KB, 下载次数: )

下载附件

2020-12-28 15:06 上传

当报表存在分页的情况下的脚本可以参考这个帖子https://bbs.esensoft.com/thread-136467-1-1.html