laraver ajax分页
2015-08-04 09:37
405 查看
1,设置分页容器参考laraver手册 我的设置代码如下:
//设置分页容器 /app/models/ZurbPresenter.php
<?php
class ZurbPresenter extends Illuminate\Pagination\Presenter {
public function getPageLinkWrapper($url, $page, $rel = null)
{
$rel = is_null($rel) ? '' : ' rel="'.$rel.'"';
return '<li><a href=javascript:goodslist("'.$url.'");>'.$page.'</a></li>';
}
public function getDisabledTextWrapper($text)
{
return '<li class="disabled"><span>'.$text.'</span></li>';
}
public function getActivePageWrapper($text)
{
return '<li class="active"><span>'.$text.'</span></li>';
}
}
//设置分页模板 /app/view/page/page.blade.php
<ul class="pagination">
<?php echo with(new ZurbPresenter($paginator))->render(); ?>
</ul>
//设置配置文件 /app/config/view.php
<?php
return array(
'paths' => array(__DIR__.'/../views'),
//'pagination' => 'pagination::slider-3',
'pagination' => 'page.page',
);
2,控制器调用的方法:代码如下
private function toAjaxTpl($templateFile='',$data='') {
$viewobj = View::make($templateFile,array('data'=>$data));
$path= $viewobj->getPath();
ob_start();
ob_implicit_flush(0);
include($path);
$content = ob_get_clean();
return $content;
}
public function getList(){
$reult = $this->brand->paginate(2);
$content = $this->toAjaxTpl('member::publish.ajaxtpl.ajaxsold',$reult);
$data = ['status'=>true,'data'=>$content];
return Response::json($data);
}
3,ajax分页模板代码
<thead>
<tr>
<th>商品</th>
<th>金额</th>
<th>发布时间</th>
<th>过期时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<?php
foreach($data as $d){
?>
<tr>
<td valign="middle">
<a href=""><img src="../images/uCenter/nail.jpg" width="80" height="80"/><?php echo $d->title ; ?></a> </td>
<td>9999元11</td>
<td><?php echo $d->created_at; ?></td>
<td><?php echo $d->validity_date; ?></td>
<td><i class="icon icon-eye-open tip0" data-toggle="tooltip" data-placement="top" title="查看"></i> |
<i class="icon icon-edit tip0" data-toggle="tooltip" data-placement="top" title="编辑"></i> <br /> <i class="icon icon-chevron-down tip0" data-toggle="tooltip" data-placement="top" title="下架"></i> | <i class="icon icon-remove tip0" data-toggle="tooltip" data-placement="top" title="删除"></i>
</td>
</tr>
<?php
}
?>
</tbody>
<tfoot>
<tr>
<td cols='5' > <?php echo $data->links(); ?></td>
</tr>
</tfoot>
................
//js代码:
<script type="text/javascript">
var tm_classify=[];
function expire(){
var url = '{{ route("member.publish.getlist") }}';
$.getJSON(url,function(data){
console.info(data);
$('#expire').html(data.data);
});
};
function goodslist(url){
$.getJSON(url,function(data){
$('#expire').html(data.data);
});
}
</script>
//设置分页容器 /app/models/ZurbPresenter.php
<?php
class ZurbPresenter extends Illuminate\Pagination\Presenter {
public function getPageLinkWrapper($url, $page, $rel = null)
{
$rel = is_null($rel) ? '' : ' rel="'.$rel.'"';
return '<li><a href=javascript:goodslist("'.$url.'");>'.$page.'</a></li>';
}
public function getDisabledTextWrapper($text)
{
return '<li class="disabled"><span>'.$text.'</span></li>';
}
public function getActivePageWrapper($text)
{
return '<li class="active"><span>'.$text.'</span></li>';
}
}
//设置分页模板 /app/view/page/page.blade.php
<ul class="pagination">
<?php echo with(new ZurbPresenter($paginator))->render(); ?>
</ul>
//设置配置文件 /app/config/view.php
<?php
return array(
'paths' => array(__DIR__.'/../views'),
//'pagination' => 'pagination::slider-3',
'pagination' => 'page.page',
);
2,控制器调用的方法:代码如下
private function toAjaxTpl($templateFile='',$data='') {
$viewobj = View::make($templateFile,array('data'=>$data));
$path= $viewobj->getPath();
ob_start();
ob_implicit_flush(0);
include($path);
$content = ob_get_clean();
return $content;
}
public function getList(){
$reult = $this->brand->paginate(2);
$content = $this->toAjaxTpl('member::publish.ajaxtpl.ajaxsold',$reult);
$data = ['status'=>true,'data'=>$content];
return Response::json($data);
}
3,ajax分页模板代码
<thead>
<tr>
<th>商品</th>
<th>金额</th>
<th>发布时间</th>
<th>过期时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<?php
foreach($data as $d){
?>
<tr>
<td valign="middle">
<a href=""><img src="../images/uCenter/nail.jpg" width="80" height="80"/><?php echo $d->title ; ?></a> </td>
<td>9999元11</td>
<td><?php echo $d->created_at; ?></td>
<td><?php echo $d->validity_date; ?></td>
<td><i class="icon icon-eye-open tip0" data-toggle="tooltip" data-placement="top" title="查看"></i> |
<i class="icon icon-edit tip0" data-toggle="tooltip" data-placement="top" title="编辑"></i> <br /> <i class="icon icon-chevron-down tip0" data-toggle="tooltip" data-placement="top" title="下架"></i> | <i class="icon icon-remove tip0" data-toggle="tooltip" data-placement="top" title="删除"></i>
</td>
</tr>
<?php
}
?>
</tbody>
<tfoot>
<tr>
<td cols='5' > <?php echo $data->links(); ?></td>
</tr>
</tfoot>
................
//js代码:
<script type="text/javascript">
var tm_classify=[];
function expire(){
var url = '{{ route("member.publish.getlist") }}';
$.getJSON(url,function(data){
console.info(data);
$('#expire').html(data.data);
});
};
function goodslist(url){
$.getJSON(url,function(data){
$('#expire').html(data.data);
});
}
</script>
相关文章推荐
- centOS安装qt4.8.0 - - ERROR: Package gstreamer-app-0.10 not found
- 【分块】UVA 12003 Array Transformer 水题
- 使用ffserver实现转发实时流媒体(摄像头捕获)
- 使用ffserver实现转发实时流媒体(摄像头捕获)
- Linux进程间通信之管道
- 使用ffserver实现转发实时流媒体(摄像头捕获)
- java执行顺序
- 使用ffserver实现转发实时流媒体(摄像头捕获) 分类: TI-AM335X arm-linux-Ubuntu ffmpeg-SDL-VLC-Live555 2015-08-04 09:36 5人阅读 评论(0) 收藏
- python利用datetime模块计算时间差
- ARC模式下,程序闪退原因
- HDU4514湫湫系列故事——设计风景线(并查集判环+最长直径)
- ffmpeg+ffserver搭建流媒体服务器
- ffmpeg+ffserver搭建流媒体服务器
- DevExpress v15.1:VCL控件功能增强(一)
- 【GDOI】模拟8.1总结
- SGU134 Centroid 树形DP,dfs建树
- VC 局域网内上传文件 FTP或盘符映射
- ffmpeg+ffserver搭建流媒体服务器
- Ubuntu15.X和CentOS7之后-MySQL源码编译安装
- ffmpeg+ffserver搭建流媒体服务器 分类: arm-linux-Ubuntu ffmpeg-SDL-VLC-Live555 TI-AM335X 2015-08-04 09:35 6人阅读 评论(0) 收藏