dwz框架分页组件使用

dwz框架分页组件应用。

<div class="panelBar" >
    <div class="pages">
        <span>显示</span>
        <select name="pageSize" onchange="navTabPageBreak({numPerPage: this.value})">
            <option value="20" <eq name="pageSize" value=‘20‘>selected</eq>>20</option>
            <option value="50" <eq name="pageSize" value=‘50‘>selected</eq>>50</option>
            <option value="100" <eq name="pageSize" value=‘100‘>selected</eq>>100</option>
            <option value="200" <eq name="pageSize" value=‘200‘>selected</eq>>200</option>
        </select>
        <span>条,共{$totalCount}条</span>
    </div><!--pages end -->
    <div class="pagination" targetType="navTab" totalCount="{$totalCount}" numPerPage="{$pageSize}" pageNumShown="5" currentPage="{$currentPage}"></div>
</div><!-- panelBar end -->
navTabPageBreak 这个是dwz默认的函数。不用管。
totalCount是有多少条记录
currentPage是前页面
pageSize是每页显示多少条

还需本个有隐藏域的表单
<form id="pagerForm" action="{:U(‘GameConfig/prizeManage‘)}" method="post">
    <input type="hidden" name="currentPage"  value="{$currentPage}" />
    <input type="hidden" name="pageSize" value="{$pageSize}"/>
</form>
这样在点击分页导航上的上一页,下一页时,就可以翻页了。
当然服务器代码部分,需要接收传递的值,进行处理。
这个表单还是可以添加上自己要查询的其它条件。

//当前分页页面
$currentPage = empty($_REQUEST[‘currentPage‘]) ? 1 : $_REQUEST[‘currentPage‘];        
//显示条数
$pageSize = empty($_REQUEST[‘pageSize‘]) ? 20 : $_REQUEST[‘pageSize‘];                
//记录总条数
$totalCount = $this->_gameConfigService->getPkGameCount();

//自定义函数获取列表
$pkList = $this->_gameConfigService->getPkGameList($currentPage, $pageSize);

//模板赋值
$this->assign(‘totalCount‘, $totalCount);
$this->assign(‘list‘, $pkList);
$this->assign("pageSize", $pageSize);
$this->assign("currentPage", $currentPage);
$this->display();
时间: 2024-11-08 23:46:07

dwz框架分页组件使用的相关文章

电子商务系统的设计与实现(十):DWZ框架与第三方分页组件整合

晚上,就是刚刚,在后端管理系统中使用DWZ框架. 先是,直接使用官网网站的Demo,dwz-jui,与编程语言无关的纯静态的那个原始项目. 很快就搭建好了左侧菜单,打开菜单后,出现Tab页面,然后显示目标页面的内容. 然后,就去关注表格分页部分. DWZ自带的分页组件,感觉太麻烦了,一方面分页分成了4个部分显示,主要包括:pagerForm,查询条件pagerHeader,分页表格的头部pagerContent,分页表格的正文panleBar,分页条数栏目. 另一方面,分页html和JS中,需要

drf框架中分页组件

0922自我总结 drf框架中分页组件 普通分页(最常用) 自定制分页类 pagination.py from rest_framework.pagination import PageNumberPagination # 普通分页 class CarPageNumberPagination(PageNumberPagination): # 默认一页的条数 page_size = 3 # 用户可以自定义选择一页的条数,但最多显示5条 page_size_query_param = 'page_s

Django框架(十五)—— Django分页组件

Django分页组件 一.分页器 数据量大的话,可以分页获取,查看 例如:图书管理中,如果有成千上万本书,要是都在一个页面中渲染出来,会影响页面美观,所以就要用分页器分页渲染 二.分页器的使用 基本写法 基本写法: 后端: 总数据拿出来 生成分页器Paginator对象(对象里有属性和方法) 生成当前页的对象,current_page=paginator.page(当前页码) 取出前台传过来的页码,current_page_num = int(request.GET.get('page')) -

DRF框架(八)——drf-jwt手动签发与校验、过滤组件、筛选组件、排序组件、分页组件

自定义drf-jwt手动签发和校验 签发token源码入口 前提:给一个局部禁用了所有 认证与权限 的视图类发送用户信息得到token,其实就是登录接口,不然进不了登录页面 获取提交的username和password 1)rest_framework_jwt.views.ObtainJSONWebToken 的 父类 JSONWebTokenAPIView 的 post 方法 接受有username.password的post请求校验数据,并且签发token 2)post方法将请求数据交给 r

drf框架 token签发与校验、过滤/筛选/排序/分页组件

一.token 1.签发token 1)源码: # 前提:给一个局部禁用了所有 认证与权限 的视图类发送用户信息得到token,其实就是登录接口 # 1)rest_framework_jwt.views.ObtainJSONWebToken 的 父类 JSONWebTokenAPIView 的 post 方法 # 接受有username.password的post请求 # 2)post方法将请求数据交给 rest_framework_jwt.serializer.JSONWebTokenSeri

CentOS 6.5上搭建Nginx和配置DWZ框架

前言 原创文章欢迎转载,请保留出处. 若有任何疑问建议,欢迎回复. 邮箱:[email protected] 今天搜索了下,发现并没有类似的文章,虽然比较简单,但还是写个博文记录下,主要讲述如何搭建Nginx和配置DWZ框架. 安装Nginx 首先安装Nginx必须要的库,直接yum安装就行了,注意要在root权限下执行. yum install pcre yum install openssl yum install zlib 接下来安装Nginx,为了免得麻烦,我也打算用yum安装,不过由于

vue分页组件table-pagebar

之前一直接触都是原始的前端模型,jquery+bootstrap,冗杂的dom操作,繁琐的更新绑定.接触vue后,对前端MVVM框架有了全新的认识.本文是基于webpack+vue构建,由于之前的工作主要是基于java的服务端开发工作,对前端框架和组件的理解,不够深入,借此来记录在前端框架使用和构建中的点点滴滴. 此分页组件参照于bootstrap-datatable底部分页开发完成,相关参数增加自定义功能. 最终使用展现效果图如下,数据来源于cnodejs[https://cnodejs.or

dwz框架---(1)如何学习dwz框架

dwz作为一个国产开源框架,简单实用.------这是官方的说法,其实个人觉得很难用..不想其他框架一样,自己封装的函数比较多,当然用熟了可能会觉得简单好用.而且里面的一些样式不同的浏览器显示有问题,样式丑就不说了...不过最近做的一个项目用的这个框架,没办法,还是要学习.好了不多废话,聊聊如何学习这个框架. 首先使用框架的意义就是便捷开发,里面封装了大量的样式和js方法等,不用自己写直接调用即可.但是在使用前要对这个函数有足够的了解,dwz框架有个特点就是在他的主页的你没有办法查看对应组件的源

DWZ框架学习一

测试DWZ框架弹出框设置成模态 刚刚上手DWZ框架,感觉灰常好用,对于我这种特别懒的人来说,真的是拖拽编程 看了下官方的视频讲解,自己试着做了一个小测试,里面的组件什么的都不用写,直接拿来用 这里附上视频链接 点击打开链接 另外模态化设计其实在把navTab改为dialog后,本来是可以继续操作其他组件的,但是如果你在弹出窗口的a标签里面设置mask='true'这个标记后,效果就实现了,顿时感觉灰常强大,貌似记得以前用SE写投票管理系统的时候,也遇到过模态的问题,不过那个时候操作比这个繁琐多了