首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

小弟我有100条数据怎么让其先显示15条然后当滚动条拉倒底后再加载15条

2013-08-04 
我有100条数据如何让其先显示15条然后当滚动条拉倒底后再加载15条就像QQ空间那样 先加载一部分然后当滚动

我有100条数据如何让其先显示15条然后当滚动条拉倒底后再加载15条
就像QQ空间那样 先加载一部分然后当滚动条每拉到底时再继续加载一部分
100条数据,每一条数据都在一个div中
<c:forEach items="${accountList}" var="rows">
        <div>
        <table align="center" class="list_tablet" width="98%">
        <tr class="qz_line1 Pop_TR"  onmouseover="this.className='highlight'"  onmouseout="this.className='qz_line1 Pop_TR'" >
        <td class="line_l"  style="text-align: center"  width="5%" >${rows.accountName}</td>
        <td class="ecTable_cell_style"  width="13%" >${rows.accountNo}</td>
<td class="ecTable_cell_style"  width="11%" >${rows.sfzh}</td>
<td class="ecTable_cell_style"  width="10%" >${rows.belongBank}</td>
<td class="ecTable_cell_style"  width="10%" >${rows.openBank}</td>
<td class="ecTable_cell_style"  width="10%" >${rows.openDate}</td>
<td class="ecTable_cell_style"  width="10%" >${rows.dealDateStr}</td>
<td class="ecTable_cell_style"  width="10%" >${rows.endDealDateStr}</td>
<td class="ecTable_cell_style"  width="5%" >${rows.cardType}</td>
<td class="ecTable_cell_style"  width="6%" >${rows.remain}</td>
<td class="ecTable_cell_style"  width="10%" >
<img id="p${rows.id }" onclick="showImg('${rows.id }');" title="查看照片" src="/dp/image/look_pic.png" border='0' style='cursor:hand'/>&nbsp;&nbsp;
<img id="a${rows.id }" onclick="accountDiv('appendAccount','${rows.id }','a${rows.id }');" title='追加下级卡'  src='/dp/images/icon/16x16/add.gif' border='0' style='cursor:hand'/>&nbsp;&nbsp;
<img id="u${rows.id }" onclick="accountDiv('updateAccount','${rows.id }','u${rows.id }');" title='修改'  src='/dp/images/icon/16x16/modify.gif' border='0' style='cursor:hand'/>&nbsp;&nbsp;
<img onclick="deleteAccount('${rows.id }','${rows.caseNo}');" title='删除'  src='/dp/images/icon/16x16/delete.gif' border='0' style='cursor:hand'/>&nbsp;&nbsp;
<img onclick="bankUploadFile('${rows.id }');" title='上传账号流水'  src='/dp/image/upload-img.png' border='0' style='cursor:hand'/>&nbsp;&nbsp;


</td>
</tr>
        </table>
</c:forEach>
[解决办法]
大致的思路是这样的,在</c:forEach>控制第一次加载显示15条信息,在获取页面滚动条事件(window.onscroll) 再显示后面的15条,依次显示
[解决办法]
滚动条到底时触发查询事件,ajax去数据库读取数据加载到div上

热点排行