ThinkPHP easyUI json 分页问题

浏览:1671 发布日期:2015/12/06 分类:求助交流 关键字: ThinkPHP easyUI json 分页
1.通过控制器IndexController中的read方法, echo一个模板文件read;

2.已经制作使用easyui Datagrid 的index.js文件
并将Datagrid的URL设置为:
url:'./read.html',

3.在index.html模板中调用index.js;

4.在Index.html中修改页数,查询结果,不随页数变动;

---------------------------------------------------------
IndexController内容:
---------------------------------------------------------
<?php
namespace Backend\Controller;
use Think\Controller;
class TestController extends baseController {
public function index(){
$this->display();
}
public function read(){
$menus = D('Menus');
$info = $menus
->field('id,menu_date,goods_name,goods_introduce,goods_big_img,cook_name,foodtype_name')
->join('left join sw_goods ON menu_goods_id=sw_goods.goods_id')
->join('left join sw_cook ON menu_cook_id=sw_cook.cook_id')
->join('left join sw_foodtype ON menu_foodtype_id=sw_foodtype.foodtype_id')
->select();

$total=$menus
->field('id,menu_date,goods_name,goods_introduce,goods_big_img,cook_name,foodtype_name')
->join('left join sw_goods ON menu_goods_id=sw_goods.goods_id')
->join('left join sw_cook ON menu_cook_id=sw_cook.cook_id')
->join('left join sw_foodtype ON menu_foodtype_id=sw_foodtype.foodtype_id')
->count();



$json='{"total":'.$total.',"rows":'.json_encode($info).'}';
//重要,easyui的标准数据格式,数据总数和数据内容在同一个json中
echo $json;
}
}


---------------------------------------------------------
index.js内容:
---------------------------------------------------------
$(function(){
$('#dg').datagrid({
url:'./read.html',
width : 400,
title : '商品列表',
striped :true,
showFooter :true,
pagination :true,
pageSize :3,
pageList :[3,6,9,13],
iconCls : 'icon-search',
columns : [[
{field :'id', title :'编号'},
{field :'goods_name', title :'名称'},
{field :'menu_date', title :'日期'},
{field :'goods_introduce', title :'描述'},
{field :'cook_name', title :'厨师'},
{field :'foodtype_name', title :'类型'}
]]

});
});

---------------------------------------------------------
index.html内容:
---------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<title>测试DataGrid</title>
<meta charset="UTF-8" />
<script type="text/javascript" src="__PUBLIC__/Common/easyui/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Common/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Common/easyui/locale/easyui-lang-zh_CN.js" ></script>
<script type="text/javascript" src="__PUBLIC__/Common/js/index.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Common/easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Common/easyui/themes/icon.css" />
</head>
<body>


<table id="dg"></table>

</body>
</html>


最佳答案
评论( 相关
后面还有条评论,点击查看>>