【问题标题】:CakePHP Bootstrap-tables troubleCakePHP 引导表的麻烦
【发布时间】:2015-12-17 02:30:58
【问题描述】:

我在使用 CakePHP 序列化和引导表时遇到了一些问题。 我已经加载了所有.js。 我认为引导表不会重新调整 { "despesas":[前面是.json 有人可以帮我吗?

我的route.php

//code    
Router::extensions(['json']);
//code

我的 DespesasController.php 函数

//code
       public function test()
    {
        $this->paginate = [
            'contain' => ['Lojas', 'DespesaTipos'],
            'limit' => '1000000000'
        ];
        $this->set('despesas', $this->paginate($this->Despesas));
        $this->set('_serialize', ['despesas']);
    } 
//code

test.ctp

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.1/bootstrap-table.min.css">



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

<!-- Latest compiled and minified JavaScript -->
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.1/bootstrap-table.min.js"></script>

<!-- Latest compiled and minified Locales -->
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.1/locale/bootstrap-table-pt-BR.min.js"></script>
<script type="text/javascript">
  $('#table').bootstrapTable({
    url: 'test.json',
    columns: [{
        field: 'id',
        title: 'Item ID'
    }, {
        field: 'descricao',
        title: 'Item Name'
    }, {
        field: 'valor',
        title: 'Item Price'
    }, ]
});
</script>

test.json

{
    "despesas": [
        {
            "id": 1,
            "data": "2015-01-02T00:00:00-0200",
            "descricao": "INTERNET TRIBUNA BAIRROS (50%)",
            "valor": 1503,
            "loja_id": 1,
            "despesa_tipo_id": 1,
            "obs": "",
            "created": "2015-12-10T00:00:00-0200",
            "modified": "2015-08-05T00:00:00-0300",
            "criado_por": "Kelvin Primo",
            "modificado_por": "Deise"
        },

当我在浏览器上打开它时它会返回。

没有找到匹配的记录

【问题讨论】:

    标签: json twitter-bootstrap cakephp cakephp-3.0 bootstrap-table


    【解决方案1】:

    在创建表之前加载你的json数据,然后你可以将它传递到表中,它喜欢它。

    <script type="text/javascript">    
    $(function () {
      $.getJSON( "test.json", function(data) {
        $('#table').bootstrapTable({
          data: data.despesas,
          columns: [{
            field: 'id',
            title: 'Item ID'
          }, {
            field: 'descricao',
            title: 'Item Name'
          }, {
            field: 'valor',
            title: 'Item Price'
          }]
        });
      });
    });
    </script>
    

    【讨论】:

    • 未捕获的类型错误:$(...).bootstrapTable 不是函数。控制台命令。
    • 哦,确保你的代码在 $(function () { CODE_HERE });否则它将在您的脚本加载之前运行。
    • 我正在加载 2 个版本的 jquery。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-28
    • 2017-04-10
    • 2015-02-15
    • 2023-03-22
    • 1970-01-01
    • 2012-08-23
    相关资源
    最近更新 更多