未捕获的TypeError:对象[object Object]没有方法'datagrid'

时间:2013-07-23 08:17:49

标签: fuelux

我是编程新手。我正在尝试使用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>

1 个答案:

答案 0 :(得分:1)

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

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