2013-07-23 3 views
1

새로운 프로그래밍입니다. 나는 그것을 구현하기 위해 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> 

답변

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/ 아약스/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

+0

예, RequireJS를 사용하여 샘플 페이지의 의존성을로드하는 방법을 보여줍니다. RequireJS를 사용하지 않으면보다 간단한 통합 방법을 https://github.com/ExactTarget/fuelux/wiki/에서 찾을 수 있습니다. Using-Fuel-UX –

관련 문제