web content management新手入门--分页功能的实现

1实现分页的javascript脚本

新建一个文件资源组件break_page_js将写好的分页的js传到服务器上

2.实现分页的HTML组件

新建一个HTML组件html_break_page，引入分页的js

<script language=JavaScript src='<AptrixLibCmpnt name="break_page_js"/>'></script>

3修改要实现分页的菜单组件

说明：用div包每个菜单内容，在js中有用到，比如计算记录的总条数。

<div id="trs" name="trs"></FONT> <span style="height:1.2em; width:38em; overflow:hidden"> <a href="http://clportal.portaltest.com.cn:9081/wps/wcm/connect/QRCompany/m2/<Placeholder tag="name"/>?id=<Placeholder tag="Idnum"/>" target="_blank"><AptrixCmpnt context="autoFill" key="m2title" type="content"/> </a></span> </div>

4分页显示的实现

在需要分页的html组件中调用，代码如下：

隐藏掉菜单内容

  <tr> <td>//隐藏掉菜单显示

<div style="display:none">

<AptrixLibCmpnt name="m2cd"/>

</div>

//包含进js脚本

<AptrixLibCmpnt name="html_break"/>

</td>

</tr>

内容显示区域：<DIV id=content></DIV>

上一页，下一页，尾页等的内容：<SPAN id=pl name="pl"></SPAN>

跳转页数输入框：<INPUT id="CP">

<tr><td>

<DIV id=content></DIV><BR><BR><SPAN id=pl name="pl"></SPAN>&nbsp;转到第

<INPUT id="CP" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: #808080 1px solid; TEXT-ALIGN: center"  size=2 value=1 name=CP>页

</td></tr>