zoukankan      html  css  js  c++  java
  • Velocity分页模板

    #*
    宏pageGrid:自定义表格宏
    ${gridInfo}: 表格中的信息,含数据和分页信息,样式等
    20行<!--表格样式需在引用css-->
    26行<!--表格标题头行-->
    47行<!--表格内容奇数行与偶数行在鼠标移动到上面时变色-->
    55行<!--表格首列是否显示checkbox-->
    54行<!-- 定义表格某列为链接列-->
    63行<!--定义表格某列为链接列,引用页面需定义js函数griddetail('$id')-->
    78行<!--在表格后加图片列用来操作-->
    81行<!--在表格后加图片列用来操作引用页面需定义js函数$img.imageEvent('$id')-->
    131行<!--引用循环页码-->
    102行<!--checkbox批处理-->
    *#

    #macro (pageGrid $gridInfo)
    <table width="100%">
       <!--表格内容开始-->
       <tr>
       <td>     
             <table id="listTable" class="grid">
           #set ($rowCount = 0)
                 #foreach ($map in $gridInfo.list)
                  #set ($row = $map.get("value"))
            #set ($colCount = 0)
            #set ($id = "")
                     #if ($rowCount == 0)
                      <tr class="blue_bold">
                         #foreach ($col in $row)
              #if ($colCount == 0)
            #if($gridInfo.gridStyle.checked)
            <th></th>
            #end
           #else
            <th>
                                 $col
                                 </th>       
              #end
              #set ($colCount = $colCount + 1)
             #end
             #foreach ($ecol in $gridInfo.gridStyle.columns)
              <th>
                             $ecol
                             </th>
             #end    
             </tr>
                     #else    <!--表格内容行-->
                      #set ($imp = $map.get("IMP"))
             #set ($isOddRow = $rowCount % 2 != 0)
             #if($imp == "1")
                          <tr class="text_bc03">
                      #else
                       #if ($isOddRow)
                           <tr   onMouseOver='high(this);' onMouseOut='low(this);' class='odd'>
                          #else
                           <tr   onMouseOver='high(this);' onMouseOut='low(this);' class='even'>
                          #end
                      #end
        <script>             
            function colvalue(cv)
        {
          if(cv.length>20)
          {
           var pattern=RegExp("(<IMG\\s*[\\S]*\\s*/\\s*>)([\\S]*)");
           if (pattern.exec(cv))
           {
              var str1=RegExp.$1;
              var str2=RegExp.$2;
              return str1+str2.substring(0,20)+"...";
           }
           else
           {
              return cv.substring(0,20)+"...";
           }
          }
          else
          {
           return cv;
          }
         }
       
       </script>
                         #foreach ($col in $row)
              #if ($colCount == 0)
               #set ($id = $col)
            #if($gridInfo.gridStyle.checked)
             <td><input type="checkbox" name="model.grid_check"   value="$id"/></td>
            #end
              #else
                  #if ($colCount == $gridInfo.gridStyle.linkNum)
                                  <td align="center" title='$col'>
                                 #else
                                  <td title='$col'>
               #end
                  
                                 #if ($col == "")
                                  &nbsp;
                                 #else
                                     
                 #if($colCount == $gridInfo.gridStyle.linkNum)      
             <a href="javascript:griddetail('$id');" >
             <script>document.write(colvalue('$col')); </script>
             </a>
              #else
                <script>document.write(colvalue('$col')); </script>
              #end
                                 #end
                                 </td>
              #end
              #set ($colCount = $colCount + 1)
             #end
         
          #foreach ($imgs in $gridInfo.gridStyle.images)
                 <td>
                  #foreach ($img in $imgs)
                      #set ($imageEvent = $img.imageEvent)
                                  <img src="$img.imagePath" alt="$img.imageTitle" onclick="javascript:img$imageEvent('$id');" style="cursor:hand"/> &nbsp; &nbsp;              
                              #end
                             </td>
             
             #end
                      </tr>
                     #end
            #set ($rowCount = $rowCount + 1)
           #end
             </table>
       </td>
       </tr>
       <!--表格内容结束-->
       <!--分页开始-->
       <tr>
        <td>
        <table   width="100%">
         <tr>
         <td align="left">
          #if($gridInfo.gridStyle.checked)
           <td>&nbsp;<input type="checkbox" name="grid_check_all" onclick="javascript:selectall();"/>全部选中</td>
          #end
         </td>
         <td align="right">
        
         #if ($gridInfo.list)
        
          #if ($gridInfo.gridStyle.pagable)
          
           #set($prepage = $gridInfo.currentpage - 1)
           #set($nextpage = $gridInfo.currentpage + 1)
          
           #if ($gridInfo.gridStyle.displaySum)
            共<font color="red">$gridInfo.sumrecords</font>条记录
            <input type="hidden" name="model.pageGridInfo.sumrecords" value="$!{model.pageGridInfo.sumrecords}">
           #end
           每页<input type="text"id="pPR" name="model.pageGridInfo.perPageRows" class="page_input"value="$gridInfo.perPageRows" onchange="document.getElementById('cpage').value='1';" />条
           共$gridInfo.sumpages页
          
           #if ($gridInfo.firstPage)
            <img src="http://images.cnblogs.com/arrow_pre02.gif" onclick="page(1)">
           #else
            <img src="http://images.cnblogs.com/arrow_pre02.gif">
           #end
          
           #if ($gridInfo.previousPage)
            <img src="http://images.cnblogs.com/arrow_pre.gif" onclick="page($prepage)">
           #else
            <img src="http://images.cnblogs.com/arrow_pre.gif">
           #end
          
           #set($indexPage =$gridInfo.currentpage/$gridInfo.prePageNum*$gridInfo.prePageNum)
              #set($lastPageNum = $indexPage+$gridInfo.prePageNum)
           #pagePrint($indexPage $gridInfo.prePageNum   $gridInfo.sumpages $lastPageNum)
          
           #if ($gridInfo.nextPage)
            <img src="http://images.cnblogs.com/arrow_next.gif" onclick="page($nextpage)">
           #else
            <img src="http://images.cnblogs.com/arrow_next.gif">
           #end     
                
          
           #if ($gridInfo.endPage)
            <img src="http://images.cnblogs.com/arrow_next02.gif" onclick="page($gridInfo.sumpages)">
           #else
            <img src="http://images.cnblogs.com/arrow_next02.gif">
           #end
          
           第<input type="text"id="cpage" name="model.pageGridInfo.currentpage" class="page_input" value="$gridInfo.currentpage" />页      
         
           <script language="javascript" type="text/javascript">
          
           function pagego()
           {
            p=parseInt(document.getElementById('pPR').value);
            s=parseInt(document.getElementById('cpage').value);
            if(/[\D]/g.test(p))
            {
                                alert('每页显示记录数必须全部是数字');
                                document.getElementById('pPR').value=$gridInfo.perPageRows;
                              }
                               if(p==0)
            {
                                alert('每页显示记录数不能为零');
                                document.getElementById('pPR').value=$gridInfo.perPageRows;
                              }
            if(s<=0)
            {
              alert('页码必须大于0');
                                return s=$gridInfo.currentpage;
            }
            if(s>$gridInfo.sumpages)
            {
              alert('页码必须小于总页数');
                                return s=$gridInfo.currentpage;
            }
            if(/[\D]/g.test(s))
            {
                                alert('页码必须全部是数字');
                                return s=$gridInfo.currentpage;
                              }
                              else
                              {
              return s;
            }
           }
                          </script>
                          <input type="button" name="pageGo"   value="GO" onclick="page(pagego());" />
          #end
         #end
         </td>
         </tr>
        </table>
        </td>
       </tr>
    <!--分页结束-->
    </table>
    #end
    <!--定义循环页码-->
    #macro (pagePrint $indexPage $prePageNum   $sumpages $lastPageNum)

    #if ($indexPage<$lastPageNum&&$indexPage<$sumpages)

    #set($indexPage =$indexPage+1)
    <a href="javascript:page($indexPage)" >$indexPage</a>
    #pagePrint($indexPage $prePageNum   $sumpages $lastPageNum)
      
    #end
    #end

  • 相关阅读:
    20200917-2 词频统计
    20200910-2 博客作业
    20200910-1 每周例行报告
    20200910-3命令行和控制台编程
    使用Requests库实现api接口测试(Python)
    Python Lambda函数的几种使用方法
    文本与向量之间的转换
    Oracle连接出现error: ORA-12505, TNS:listener does not currently know of SID given in connect descriptor
    一图看懂新一代人工智能知识体系大全
    SqlDeveloper连接MySQL出现The connection property ‘zeroDateTimeBehavior’ acceptable values are: ‘CONVERT_TO_NULL’, ‘EXCEPTION’ or ‘ROUND’. The value ‘convertToNull’ is not acceptable 错误
  • 原文地址:https://www.cnblogs.com/yasin/p/1703286.html
Copyright © 2011-2022 走看看