2013-07-23 78 views
1

我是編程新手。我正嘗試使用fuelux-master文件夾中的示例腳本來實現它。但是我無法在codeigniter中使用fuelux datagrid。我的腳本顯示沒有方法datagrid的錯誤。由於我使用JavaScript示例文件,所以我認爲這不應該發生。Uncaught TypeError:Object [object Object] has no method'datagrid'

<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

不知道這是你所有的代碼或沒有,但你正試圖不定義構造函數時創建數據源的新實例以上不能正常工作。你想要使用StaticDataSource。

但是,它也似乎你可能沒有正確拉動jquery - 你有沒有證實你需要的文件實際加載?您的代碼似乎是來自不同版本的打包發行版本的文件的混合。你能否提供一個公共頁面的URL,以便我可以幫助你進行調試?

+0

requirejs.config({ \t \t \t路徑:{ \t \t \t \t 'jquery的': 'LIB/jquery的', \t \t \t \t '下劃線':「http://cdnjs.cloudflare.com/ AJAX /庫/ underscore.js/1.3.3 /下劃線分鐘, \t \t \t \t '自舉': 'LIB /引導/ JS', \t \t \t \t 'fuelux': 'src' 中 \t \t \t} \t \t});我們可以解釋這些代碼行(使用的是['jquery','sample/my_datasource','sample/datasourceTree','fuelux/all'],函數($,sampleData,StaticDataSource,DataSourceTree){}在加油機中)對我來說 – warsh

+0

當然,它顯示了使用RequireJS加載示例頁面的依賴關係。如果你不使用RequireJS,你可以在https://github.com/ExactTarget/fuelux/wiki/找到一個更簡單的集成方法。使用燃料-UX –

相關問題