gpt4 book ai didi

javascript - 使用 recline.js 和 slickgrid 的新手

转载 作者:行者123 更新时间:2023-11-30 05:44:12 24 4
gpt4 key购买 nike

我正在尝试使用 recline.js 上的快速入门指南,网格似乎与我创建的 html 一起出现,以尝试使用快速入门示例。我已验证所有 .js 路径都是正确的。

我不知道我一定做错了什么。请让我知道我做错了什么。

<!DOCTYPE html>
<script type="text/javascript" src="vendor/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript" src="vendor/underscore/1.1.6/underscore.js"></script>
<script type="text/javascript" src="vendor/backbone/0.5.1/backbone.js"></script>
<script type="text/javascript" src="vendor/mustache/0.5.0-dev/mustache.js"></script>
<script type="text/javascript" src="vendor/slickgrid/2.0.1/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="vendor/slickgrid/2.0.1/jquery.event.drag- 2.0.min.js"></script>
<script type="text/javascript" src="vendor/slickgrid/2.0.1/slick.grid.min.js"></script>
<script type="text/javascript" src="dist/recline.js"></script>

<script type="text/javascript" >
$(function() {
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
});

var $el = $('#myGrid');
var grid = new recline.View.SlickGrid ({
model: dataset,
el : $el
});

grid.visible = true;
grid.render();
});
</script>
<html>
<head>
<!-- CSS for relevant view components - here we just have grid -->
<link rel="stylesheet" href="vendor/bootstrap/2.0.2/css/bootstrap.css" />
<link rel="stylesheet" href="css/slickgrid.css" />
</head>
<body>
<div id="myGrid" style="width:600px;height:500px;"></div>
</body>
</html>

最佳答案

需要包含的CSS文件是:

vendor/slickgrid/2.0.1/slick.grid.css

关于javascript - 使用 recline.js 和 slickgrid 的新手,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18906349/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com