未捕获的类型错误：对象 [对象对象] 没有方法“数据网格”

Question

我是编程新手。我正在尝试使用fuelux-master 文件夹中可用的示例脚本来实现它。但我无法在 codeigniter 中使用fuelux datagrid。我的脚本显示一个没有方法datagrid 的错误。由于我使用的是示例 javascript 文件，所以我认为这一定不会发生。

 <script>   
require(['<?php echo(base_url()); ?>fuelux/lib/jquery.js','<?php echo(base_url()); ?>fuelux/sample/data.js','<?php echo(base_url()); ?>fuelux/sample/my_datasource.js', '<?php echo(base_url()); ?>fuelux/sample/datasourceTree.js', '<?php echo(base_url()); ?>fuelux/dist/all.js'], function ($, sampleData, StaticDataSource, DataSourceTree) {

// INITIALIZING THE DATAGRID
var dataSource = new DataSource({
  columns: [
    {
      property: 'employee_id',
      label: 'Employee ID',
      sortable: true
    },
    {
      property: 'punch_date',
      label: 'Date',
      sortable: true
    },
    {
      property: 'punch_time',
      label: 'Punch Time',
      sortable: true
    },
    {
      property: 'punch_in_user_time',
      label: 'Punch In',
      sortable: true
    },
    {
      property: 'punch_out_user_time',
      label: 'Punch Out',
      sortable: true
    } 
  ],
   data:jsObject,

  delay:300
});

$('#MyGrid').datagrid({
  dataSource: dataSource
});

$('#datagrid-reload').on('click', function () {
  $('#MyGrid').datagrid('reload');
});

        });
    </script>

Answer 1

不确定这是否是您的所有代码，但上述代码无法正常工作，因为您在未定义构造函数时尝试创建 Datasource 的新实例。你会想使用 StaticDataSource。

但是，您似乎也没有正确地拉入 jquery - 您是否验证了您需要的那些文件实际加载了？您的代码似乎是来自打包发行版本的不同版本的文件的混合。您能否提供一个公共页面的 URL，以便我帮助您调试？