dwz给我们提供了一个很好的列表UI

我对它的分析后将页面分为四个部分

<form id="pagerForm" method="post" action="list_test.php">
<input type="hidden" name="status" value="${param.status}">
<input type="hidden" name="keywords" value="${param.keywords}" />
<input type="hidden" name="pageNum" value="1" />
<input type="hidden" name="numPerPage" value="${model.numPerPage}" />
<input type="hidden" name="orderField" value="${param.orderField}" />
</form>

第一部分,该部分是会随着页面下面提交页面显示条数和跳转页面时提交的参数

该部分可以自己添加相应的影藏参数,比如我们获得的页面是搜索结果页面,如果不讲参数附加在这里,那么当我们点击跳转页面时,会发现已经回到了不带搜索参数的查询结果中了。所以我们可以将搜索值存放在这里。

<form onsubmit="return navTabSearch(this);" action="list_test.php" method="post">
<div class="searchBar"> <!--
<ul class="searchContent">
<li>
<label>我的客户:</label>
<input type="text"/>
</li>
<li>
<select class="combox" name="province">
<option value="">所有省市</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="天津">天津</option>
<option value="重庆">重庆</option>
<option value="广东">广东</option>
</select>
</li>
</ul>
-->
<table class="searchContent">
<tr>
<td>
我的客户:<input type="text" value="123" name="keyword" />
</td>
<td>
<select class="combox" name="province">
<option value="">所有省市</option>
<option value="1" selected>北京</option>
<option value="2">上海</option>
<option value="3">天津</option>
<option value="4">重庆</option>
<option value="5">广东</option>
</select>
</td>
<td>
建档日期:<input type="text" class="date" name="time" readonly="true" />
</td>
<td>
<?php
var_dump($_GET);
var_dump($_POST);
?>
</td>
</tr>
</table>
<div class="subBar">
<ul>
<li><div class="buttonActive"><div class="buttonContent"><button type="submit">检索</button></div></div></li>
<li><a class="button" href="demo_page6.html" target="dialog" mask="true" title="查询框"><span>高级检索</span></a></li>
</ul>
</div>
</div>

第二部分,该部分是搜索部分,建议将搜索后,依旧将收索关键字放在这里。这样做方便用户的操作。

<div class="panelBar">
<ul class="toolBar">
<li><a class="add" href="demo_page4.html" target="navTab"><span>添加</span></a></li>
<li><a class="delete" href="demo/common/ajaxDone.html?uid={sid_user}" target="ajaxTodo" title="确定要删除吗?"><span>删除</span></a></li>
<li><a class="edit" href="demo_page4.html?uid={sid_user}" target="navTab"><span>修改</span></a></li>
<li class="line">line</li>
<li><a class="icon" href="demo/common/dwz-team.xls" target="dwzExport" targetType="navTab" title="实要导出这些记录吗?"><span>导出EXCEL</span></a></li>
</ul>
</div>
<table class="table" width="100%" layoutH="150">
<thead>
<tr>
<th width="80"></th>
<th width="120">客户号</th>
<th>客户名称</th>
<th width="100">客户类型</th>
<th width="150">证件号码</th>
<th width="80" align="center">信用等级</th>
<th width="80">所属行业</th>
<th width="80">建档日期</th>
</tr>
</thead>
<tbody>
<tr target="sid_user" rel="1">
<td>天津农信社</td>
<td>A120113196309052434</td>
<td>天津市华建装饰工程有限公司</td>
<td>联社营业部</td>
<td>29385739203816293</td>
<td>5级</td>
<td>政府机构</td>
<td>2009-05-21</td>
</tr>
</tbody>
</table>

第三部分,具体操作部分

<div class="panelBar">
<div class="pages">
<span>显示</span>
<select class="combox" name="numPerPage" onchange="navTabPageBreak({numPerPage:this.value})">
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
<option value="200">200</option>
</select>
<span>条,共100条</span>
</div> <div class="pagination" targetType="navTab" totalCount="100" numPerPage="20" pageNumShown="10" currentPage="1"></div> </div>

第四部分,分页部分,需要设置页面相关的参数(加粗部分)和下拉框的被选项,这样就完美显示分页效果了。

dwz分页实现分析的更多相关文章

  1. DWZ分页、排序失效小结

    1. 在视图文件中与分页相关的代码段 <form id="pagerForm" method="post" action="w_list.htm ...

  2. row_number() over order by与利用rownum查询分页效率分析

    实际测试: 数据库:70万条数据 查询第10000页,每页10条.row_number() 耗时: 2.2秒rownum 耗时:1.3秒 查询第20000页,每页10条.row_number() 耗时 ...

  3. Sql Server 2012 的新分页方法分析(offset and fetch) - 转载

    最近在分析 Sql Server 2012 中 offset and fetch 的新特性,发现 offset and fetch 无论语法的简洁还是功能的强大,都是相当相当不错的 其中 offset ...

  4. JUI/DWZ 分页 Servlet

    分页介绍 参考:官方用户手册中的"分页组件"         分页思路服务器返回当前页的数据,总条数,再由js来生成分页标签.分页是配合服务器端来处理的, 不是存js做的分页. 因 ...

  5. dwz 分页 bug (选回 combox 第一个值时不执行 onchange)

    先看一下官方的测试: 官方的演示有两个 bug 一个是combox数字一直不变,二是当选回第一个值时不执行 onchange 事件. 经过firebug调试,这是一个bug,传到后台的参数没有得到及时 ...

  6. Sql Server 2012 分页方法分析(offset and fetch)

    最近在分析 Sql Server 2012 中 offset and fetch 的新特性,发现 offset and fetch 无论语法的简洁还是功能的强大,都是相当相当不错的.其中  offse ...

  7. mssql分页原理及效率分析

    下面是常用的分页,及其分页效率分析. 1.分页方案一:(利用Not In和SELECT TOP分页) 语句形式: SELECT TOP 10 * FROM TestTable WHERE (ID NO ...

  8. 浅谈SQL Server数据库分页

    数据库分页是老生常谈的问题了.如果使用ORM框架,再使用LINQ的话,一个Skip和Take就可以搞定.但是有时由于限制,需要使用存储过程来实现.在SQLServer中使用存储过程实现分页的已经有很多 ...

  9. [转]Oracle中使用Rownum分页详细例子

    原文地址:http://www.jb51.net/article/52272.htm 在MySQL中,我们通常都使用limit来完成数据集获取的分页操作,而在Oracle数据库中,并没有类似limit ...

随机推荐

  1. SQLite数据库安装与使用

    SQLite是遵守ACID的关系数据库管理系统,它包含在一个相对小的C库中.它是D.RichardHipp创建的公有领域项目. 不像常见的客户端/服务器结构范例,SQLite引擎不是个程序与之通信的独 ...

  2. 【转】在ubuntu12.04中安装wine和sourceinsight

    PS: 用wine其实还可以在Linux下运行其他Windows软件,比如BeyondCompare,过程是一样的 原文网址:http://www.2cto.com/os/201408/322370. ...

  3. backbone教程

    http://blog.csdn.net/column/details/backbone-js-tutorial.html

  4. hdu5072(鞍山regional problem C):容斥,同色三角形模型

    现场过的第四多的题..当时没什么想法,回来学了下容斥,又听学长讲了一讲,终于把它过了 题目大意:给定n个数,求全部互质或者全部不互质的三元组的个数 先说一下同色三角形模型 n个点 每两个点连一条边(可 ...

  5. Raid1源代码分析--开篇总述

    前段时间由于一些事情耽搁了,最近将raid1方面的各流程整理了一遍.网上和书上,能找到关于MD下的raid1的文档资料比较少.决定开始写一个系列的关于raid1的博客,之前写过的一篇读流程也会在之后加 ...

  6. 360网站卫士常用前端公共库CDN服务

    360网站卫士常用前端公共库CDN服务 360网站卫士常用前端公共库CDN服务

  7. cocos2d-x ios 设置横屏/竖屏(全)

    Cocos2d-x项目\iOS\RootViewController.mm文件中. 以下方法任选其一即可…      本人机子函数二ok! 函数一: (BOOL)shouldAutorotateToI ...

  8. [置顶] STM32移植contiki进阶之三(中):timer 中文版

    鉴于自己英语水平不高,在这里,将上一篇关于contiki 的timer的文章翻译为中文,让自己在学习的时候,更方便点.文中有许多不是很通顺的地方,将就吧. Timers Contiki系统提供了一套时 ...

  9. windows 删除多层文件夹

    眼下目录d:\clu_1下有99个目录,名字为0,1....99,每一个目录下又有25个目录,目录名为0,1,....24,其下其下又有以日期命名的目录(如20140521),最后是zip文件.如一个 ...

  10. BGP

    http://network.51cto.com/art/200912/172439.htm http://blog.sina.com.cn/s/blog_b457dde80101cyqr.html ...