새로운 프로그래밍입니다. 나는 그것을 구현하기 위해 fuelux-master 폴더에있는 샘플 스크립트를 사용하려고한다. 하지만 codeigniter.My 스크립트에서 아무 방법도 DataGrid가없는 오류를 보여줍니다 fuelux datagrid를 사용할 수 없습니다. 이후 샘플 자바 스크립트 파일을 사용하고 있기 때문에 나는 이것이 발생해서는 안된다 고 생각합니다. 이 코드 여부의 전부입니다,하지만 당신은 그 생성자가 정의되지 않은 경우 데이터 소스의 새로운 인스턴스를 만들려고로 위에서 제대로 작동 할 수없는 경우잡히지 않은 TypeError : Object [object Object]에 '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>
requirejs.config ({ \t \t \t 경로 : { \t \t \t \t 'JQuery와': 'lib 디렉토리/JQuery와' \t \t \t \t '밑줄': 'http://cdnjs.cloudflare.com/ 아약스/libs와/underscore.js/1.3.3/밑줄 분 ', \t \t \t \t'부트 스트랩 ':'lib 디렉토리/부트 스트랩/JS ', \t \t \t \t'fuelux ':'SRC ',\t \t \t} \t \t}); \t \t 필요 ([ 'jquery', '샘플/my_datasource', '샘플/데이터 소스 트리', '연료 풍부/모두'], 함수 ($, sampleData, StaticDataSource, DataSourceTree) {} in fuelux) – warsh
예, RequireJS를 사용하여 샘플 페이지의 의존성을로드하는 방법을 보여줍니다. RequireJS를 사용하지 않으면보다 간단한 통합 방법을 https://github.com/ExactTarget/fuelux/wiki/에서 찾을 수 있습니다. Using-Fuel-UX –