layui数据表格怎么查数据库php,Yii2如何将数据加载到layUI的数据表格?

/**

* Created by PhpStorm.

* User: martinby

* Date: 2017/9/21

* Time: 21:21

*/

use backend\assets\AppAsset;

//调用公共样式

AppAsset::addCss($this,'@web/css/category.css');

?>

//将这一串js绑定到js_content_end模块下

<?php $this->beginBlock('js_content_end') ?>

$(function(){

$.get("/category/read_category_list.html",function(data){

/*如果获取到数据的话*/

if(data){

layui.use('table', function(){

var table = layui.table;

table.render({

elem: '#demo',

data:JSON.parse(data),

height: 272,

cols: [[ //标题栏

{field: 'id', title: 'ID', width: 80, sort: true},

{field: 'cate_name', title: '用户名', width: 120},

{field: 'cate_url', title: '邮箱', width: 150}

]],

skin: 'row', //表格风格,

even: true,

page: true, //是否显示分页

limits: [5, 7, 10],

limit: 5 //每页默认显示的数量

});

})

}

});

});

<?php $this->endBlock() ?>

这个是view下的category/index.php文件

//引入Yii的Json助手函数

use yii\helpers\Json;

public function actionRead_category_list(){

$data=Category::find()->all();

return Json::encode($data);

}

上面是category的get参数的url写法,我们要引入Json助手函数将模型类查询出来的数据转成json,然后到js中,我们还要讲json(字符串)转成json(对象),这样layui的表格才能加载出数据,

afee5882e69354822ba5b0dd6ec41d16.png

因为只有一条数据,只加载出了一条..

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值