【问题标题】:Laravel - Yajra DataTable build with Infyom package does not show dataLaravel - 使用 Infyom 包构建的 Yajra DataTable 不显示数据
【发布时间】:2021-09-04 02:39:37
【问题描述】:

我已经将 Laravel 8 与 Yajra DataTable 一起使用,并且想测试 Infyom Laravel-Generator,这似乎是一个很棒的包。

我创建了我的第一个测试应用程序并生成了一个 Yajra 数据表。 我看到数据表页面,我能够创建第一条记录,数据库中的表已更新,但页面始终显示无记录,即使我刷新它。

并且页面上没有搜索输入

在 Laravel 日志中没有看到任何内容。 当我在开发模式下打开浏览器 (firefox) 时,我看到 没有 XHR 请求 这似乎是异常的,因为我在没有 Infyom 包的数据表构建的网站上看到了这样的请求。

查看 html 页面的源代码,没有数据脚本存在!

所以 pb 应该来自生成脚本,我使用了这个 cde :

php artisan infyom:scaffold Es5 --fromTable --tableName=es5 --datatables=true

对于调试/解释此问题的任何帮助,我将不胜感激。

提前致谢。

PS : 如果你想让我分享一些代码,请告诉我,但现在我不知道哪个部分应该有用。

【问题讨论】:

  • "页面上没有搜索输入" - 向我们展示您的 DataTable 定义,以及定义 <table> 的 HTML。您的表格标签中使用的 ID 是否与 DataTables 代码使用的 ID 匹配? <table id="my_example" ... >$('#my_example').DataTable( { ... } );(我对 Infyom 不熟悉)。
  • 没有带有表 def 的 pb,但我仍然搜索 html def - infyom 把这个参数放在哪里?
  • 对不起 - 我不明白那个评论。
  • 不知道html是在哪个文件中定义的
  • 好的 - 我认为我们在谈论完全不同的事情 - 我的错误 - 请忽略我的 cmets。我看到datatable 标签并认为它是this - 但我认为这是不正确的。

标签: javascript ajax laravel yajra-datatable infyom


【解决方案1】:

如果您在 HTML 表格中定义的列数不等于您尝试在 javascript 代码中填写的字段数,则可能会发生这种情况。

【讨论】:

  • 我什么都没定义(不是由 Infyom 完成的?),你知道 Infyom 在什么文件中定义了这个参数吗?
  • firefox 控制台中是否有任何 javascript 错误?
  • 不,我只看到 GET 请求。
【解决方案2】:

你是如何实现它的?
您是否使用了服务实现?我建议这样处理

【讨论】:

  • 我遵循标准 Infyom 文档(现有应用程序和从表中创建)。似乎是服务实现。
  • 我需要你的代码,应该有问题
【解决方案3】:

我忘记发布数据表 add_on html 和按钮

在这里找到解决方案

https://github.com/InfyOmLabs/laravel-generator/issues/84

【讨论】:

    【解决方案4】:

    如果您使用的是 adminlte-generator 脚手架,则存在未导入 javascript 的问题。这是解决方案: https://github.com/InfyOmLabs/adminlte-generator/issues/87

    在views/layouts/app中找到@yield('third_party_scripts'),将其改为@stack('third_party_scripts')

    【讨论】:

      【解决方案5】:

      我已经为此花费了 2 天时间,但答案很简单。确保在您尝试渲染表格时正在加载 yajra/datatable JS 脚本

      只需更改您的布局/app.blade.php

      来自

      @yield('third_party_scripts')
      

        @stack('third_party_scripts')
      

      【讨论】:

      猜你喜欢
      • 2018-04-26
      • 2021-10-12
      • 2018-02-15
      • 2021-08-02
      • 2018-03-03
      • 2020-08-18
      • 1970-01-01
      • 1970-01-01
      • 2021-08-08
      相关资源
      最近更新 更多