关于js框架 dwz 与 yii的的分页 以及筛选的结合
此为jicheng1014 原创。。。。地址为http://jicheng1014.cnblogs.com
dwz是一个不错的前端框架 但是 注意 所有的后端 都是要自己写的
常见的应用是 有一堆条件作为筛选，之后下面是一个表，如果数据量大的话 就涉及到了分页
由于dwz是前端框架 所以获取数据什么的 就需要自己写了
分页前端其实只需要知道4个东西
1、当前页面
2、当前数据
3、每页的大小
4、数据的行数
但是其实Yii 里本身就有自己的数据显示控件CGridview，理论上应该是封装了分页需要的所有动作，那么怎样把Yii和Dwz的数据结合起来？、
答案是 CActiveDataProvider 这个对象 即model 里search 的返回 因为这个Provider 里面有个属性，Pagination，很明显，那存放的是关于分页的信息。
为了方便，我直接默认设置每页大小为10（Yii默认）
于是我将我的Action改变为 （ps tryGetRequest 为试着获取$_POST 里的值，没有就为“” ）
$dataProvider = $model->search(array( 'pageNum'=>intval($this->tryGetRequest('pageNum'))-1, 'numPerPage'=>$this->tryGetRequest('numPerPage'), )); $this->renderPartial('index', array( 'list' => $dataProvider->data, 'pagination'=>$dataProvider->getPagination(), 'keyword'=>$model->probe_chinese_name, 'probe_area'=>$model->probe_area, ));
之后search 是我稍微改了下的，加了个对页数的控制，需要注意的是，Yii的Page 是从0开始的 dwz 是从1 开始的，所以需要判断下
public function search($pagination){ if(!isset($pagination)){ return parent::search(); } $criteria = new CDbCriteria; // 常规处理的代码之后加点判断。。。 $pageInfo = array(); if(!empty($pagination['numPerPage'])){ $pageInfo['pageSize']=$pagination['numPerPage']; } if(!empty($pagination['pageNum'])){ $pageInfo['currentPage']=$pagination['pageNum']; } return new CActiveDataProvider($this, array( 'criteria' => $criteria, 'pagination'=> $pageInfo, )); }
之后在页面里 加入dwz的分页控件，具体数据就从这个pagination 来
<div class="pagination" targetType="navTab" totalCount="<?php echo $pagination->itemCount ?>" numPerPage="10" currentPage="<?php echo ($pagination->currentPage!=0)?intval($pagination->currentPage)+1:1; ?>"></div>
之后做一个form 专门来提交分页信息
<form id="pagerForm" onsubmit="return navTabSearch(this)" action="<?php echo Yii::app()->request->getUrl();?>" method="post"> <input type="hidden" name="pageNum" value="1" /> <input type="hidden" name="numPerPage" value="10" /> </form>
至此，分页就能实现了 那么筛选条件呢？
可以把筛选条件加入到这个pagerForm 里面 但是 搜索完毕之后，分页了，搜索条件就丢失了 这里就要注意 每次搜索完毕后一定要将POST 的信息绑定回来
附上完整的源代码
view 的
<div class="pageHeader"> <form id="pagerForm" onsubmit="return navTabSearch(this)" action="<?php echo Yii::app()->request->getUrl();?>" method="post"> <input type="hidden" name="pageNum" value="1" /> <input type="hidden" name="numPerPage" value="10" /> <div class="searchBar"> <table class="searchContent"> <tr> <td> 探针名称：<input type="text" name="keyword" value= "<?php echo isset($keyword)?$keyword:''; ?>" /> </td> <td> 归属地： <?php echo CHtml::dropDownList('probe_area', $probe_area, GxHtml::listDataEx(ProbeArea::model()->findAllAttributes(null, true)),array("empty"=>"请选择") ); ?> </td> <td> 建档日期：<input type="text" class="date" readonly="true" /> </td> </tr> </table> <div class="subBar"> <ul> <li><div class="buttonActive"><div class="buttonContent"><button type="submit">检索</button></div></div></li> </ul> </div> </div> </form> </div> <div class="pageContent"> <div class="panelBar"> <ul class="toolBar"> <li><a class="add" href="<?php echo $this->createUrl("Create"); ?>" target="dialog"><span>添加所属规划</span></a></li> <li><a class="edit" href="<?php echo $this->createUrl("ProbeArea/index") ?>" target="dialog" rel="areaList" ><span>管理所属规划</span></a></li> <li><a class="edit" href="<?php echo $this->createUrl("Update") ?>?id={template_id}" target="dialog"><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="138"> <thead> <tr> <th><?php echo Yii::t("app","ID");?></th> <th><?php echo Yii::t("app","Probe Chinese Name");?></th> <th><?php echo Yii::t("app","Hostname");?></th> <th><?php echo Yii::t("app","ProbeType|ProbeTypes");?></th> <th><?php echo Yii::t("app","Lng");?></th> <th><?php echo Yii::t("app","Lat");?></th> <th><?php echo Yii::t("app","ProbeArea");?></th> <th><?php echo Yii::t("app","User|Users");?></th> <th><?php echo Yii::t("app","Add Time");?></th> <th><?php echo Yii::t("app","TestTemplate|TestTemplates");?></th> </tr> </thead> <tbody> <?php foreach ($list as $model): ?> <tr target="template_id" rel="<?php echo $model->id ?>"> <td><?php echo $model->id; ?></td> <td><?php echo $model->probe_chinese_name; ?></td> <td><?php echo $model->hostname; ?></td> <td><?php echo $model->probeType; ?></td> <td><?php echo $model->lng; ?></td> <td><?php echo $model->lat; ?></td> <td><?php echo $model->probeArea; ?></td> <td><?php echo $model->user; ?></td> <td><?php echo $model->add_time; ?></td> <td><?php echo CHtml::link("查看探针部署地图", $this->createUrl("details", array("id" => $model->id)), array("target" => "navTab")); ?></td> </tr> <?php endforeach; ?> </tbody> </table> <div class="panelBar"> <div class="pages"> <span>每页有10条，共<?php echo $pagination->itemCount ?>条</span> </div> <div class="pagination" targetType="navTab" totalCount="<?php echo $pagination->itemCount ?>" numPerPage="10" currentPage="<?php echo ($pagination->currentPage!=0)?intval($pagination->currentPage)+1:1; ?>"></div> </div> </div>
Controller的
public function actionIndex() { $model= ProbeInfo::model(); if(isset($_POST["keyword"])){ $model->probe_chinese_name = $_POST["keyword"]; } if (isset($_POST["probe_area"])) { # code... $model->probe_area = $_POST["probe_area"]; } $dataProvider = $model->search(array( 'pageNum'=>intval($this->tryGetRequest('pageNum'))-1, 'numPerPage'=>$this->tryGetRequest('numPerPage'), )); $this->renderPartial('index', array( 'list' => $dataProvider->data, 'pagination'=>$dataProvider->getPagination(), 'keyword'=>$model->probe_chinese_name, 'probe_area'=>$model->probe_area, )); }
model 的
public function search($pagination){ if(!isset($pagination)){ return parent::search(); } $criteria = new CDbCriteria; $criteria->compare('id', $this->id); $criteria->compare('probe_chinese_name', $this->probe_chinese_name, true); $criteria->compare('hostname', $this->hostname, true); $criteria->compare('probe_type', $this->probe_type); $criteria->compare('lng', $this->lng); $criteria->compare('lat', $this->lat); $criteria->compare('probe_area', $this->probe_area); $criteria->compare('user_id', $this->user_id); $criteria->compare('add_time', $this->add_time, true); $criteria->compare('test_template_id', $this->test_template_id); $pageInfo = array(); if(!empty($pagination['numPerPage'])){ $pageInfo['pageSize']=$pagination['numPerPage']; } if(!empty($pagination['pageNum'])){ $pageInfo['currentPage']=$pagination['pageNum']; } return new CActiveDataProvider($this, array( 'criteria' => $criteria, 'pagination'=> $pageInfo, )); }
