2013-02-11 45 views
0

我使用放倒JS,并且这样做是在教程中提到的一切,但我不断收到此错误:无法呈现光滑电网

Uncaught Error: SlickGrid's 'enableColumnReorder = true' option 
requires jquery-ui.sortable module to be loaded 

我迄今所做的:

<link href="css/bootstrap/bootstrap.css" rel="stylesheet"> 
<link href="css/recline/slickgrid.css" rel="stylesheet"> 
<link href="css/recline/grid.css" rel="stylesheet"> 
<link href="css/recline/recline.css" rel="stylesheet"> 

<script type="text/javascript" src="js/core/slickgrid/jquery-1.7.min.js"></script> 
<script type="text/javascript" src="js/core/slickgrid/jquery.event.drag-2.0.min.js"></script> 

<script type="text/javascript" src="js/core/underscore/underscore-1.3.3.js"></script> 
<script type="text/javascript" src="js/core/backbone/backbone-0.9.2.js"></script> 

<script type="text/javascript" src="js/core/slickgrid/slick.core.js"></script> 
<script type="text/javascript" src="js/core/slickgrid/slick.grid.js"></script> 
<!-- Recline --> 
<script type="text/javascript" src="js/core/recline/recline.js"></script> 
<script type="text/javascript" src="js/core/recline/recline.dataset.js"></script> 
<script type="text/javascript" src="js/core/recline/view.grid.js"></script> 

,我使用初始化电网代码

var data = [ 
{id: 0, date: '2011-01-01', x: 1, y: 2, z: 3, country: 'DE', geo: {lat:52.56, lon:13.40} }, 
{id: 1, date: '2011-02-02', x: 2, y: 4, z: 24, country: 'UK', geo: {lat:54.97, lon:-1.60}}, 
{id: 2, date: '2011-03-03', x: 3, y: 6, z: 9, country: 'US', geo: {lat:40.00, lon:-75.5}}, 
{id: 3, date: '2011-04-04', x: 4, y: 8, z: 6, country: 'UK', geo: {lat:57.27, lon:-6.20}}, 
{id: 4, date: '2011-05-04', x: 5, y: 10, z: 15, country: 'UK', geo: {lat:51.58, lon:0}}, 
{id: 5, date: '2011-06-02', x: 6, y: 12, z: 18, country: 'DE', geo: {lat:51.04, lon:7.9}} 
]; 
var dataset = new recline.Model.Dataset({ 
records: data 
}); 
console.log(dataset); 
var $el = $('#mygrid'); 
var grid = new recline.View.SlickGrid({ 
model: dataset, 
el: $el 
}); 
grid.visible = true; 
grid.render(); 

有什么我失踪?

+2

“需要加载jquery-ui.sortable模块”错误表明您需要'jquery-ui.js'以及其他任何东西,我没有在任何地方看到任何'jquery-ui.js'。 – 2013-02-11 05:25:43

回答

1

转到您下载的SlickGrid文件夹。你会在里面找到一个“lib”文件夹。这个“lib”文件夹包含“jquery-ui-1.8.16.custom.min.js”。它的版本可能会因您的SlickGrid版本而异。如果您将来面临类似的困难,请确保您检查所有.js文件的所有文件夹。祝你好运!!