fuelux - キャッチされていない TypeError: オブジェクト [オブジェクト オブジェクト] にメソッド 'datagrid' がありません

Question

私はプログラミングが初めてです。Fuelux-master フォルダーにあるサンプル スクリプトを使用して実装しようとしています。しかし、codeigniter で Fuelux データグリッドを使用できません。私のスクリプトには、メソッド データグリッドがないというエラーが表示されます。私はサンプルの 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>