个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
24
4
我正在尝试让 backgrid.js 的最基本示例正常工作。换句话说，这是一个我可以将源文件夹放入我的 xampp/htdocs 文件夹并运行而无需执行任何其他操作的示例。
我已经尝试了很多方法来运行代码，但我无法显示任何内容。这是我尝试查看示例工作的 html 页面。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="bootstrap/css/bootstrap.css"/>
<link rel="stylesheet" href="lib/backgrid.css"/>
<script src="jquery-1.10.2.min.js"></script>
<script src="underscore-min.js"></script>
<script src="backbone-min.js"></script>
<script src="lib/backgrid.js"></script>
</head>
<body>
<div id="grid">
<script type="text/javascript">
var Territory = Backbone.Model.extend({});
var Territories = Backbone.Collection.extend({
model: Territory,
url: "territories.json"
});
var territories = new Territories();
var columns = [{
name: "id", // The key of the model attribute
label: "ID", // The name to display in the header
editable: false, // By default every cell in a column is editable, but *ID* shouldn't be
// Defines a cell type, and ID is displayed as an integer without the ',' separating 1000s.
cell: Backgrid.IntegerCell.extend({
orderSeparator: ''
})
}, {
name: "name",
label: "Name",
// The cell type can be a reference of a Backgrid.Cell subclass, any Backgrid.Cell subclass instances like *id* above, or a string
cell: "string" // This is converted to "StringCell" and a corresponding class in the Backgrid package namespace is looked up
}, {
name: "pop",
label: "Population",
cell: "integer" // An integer cell is a number cell that displays humanized integers
}, {
name: "percentage",
label: "% of World Population",
cell: "number" // A cell type for floating point value, defaults to have a precision 2 decimal numbers
}, {
name: "date",
label: "Date",
cell: "date"
}, {
name: "url",
label: "URL",
cell: "uri" // Renders the value in an HTML anchor element
}];
// Initialize a new Grid instance
var grid = new Backgrid.Grid({
columns: columns,
collection: territories
});
// Render the grid and attach the root to your HTML document
$("#example-1-result").append(grid.render().el);
// Fetch some countries from the url
territories.fetch({reset: true});
</script>
</div>
</body>
</html>
感谢您的宝贵时间!
最佳答案
您似乎将网格添加到不存在的元素:
$("#example-1-result").append(grid.render().el);
改用$("#grid")，您应该会看到结果。
关于javascript - 让最基本的 Backgrid.js 示例正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22801999/
24
4
0
我有以下格式的 json 对象: { properties:{ url:"http://..." } } 我想在 Backgr
friend 们好。我在我的项目中使用 backgrid。我想从 backgrid 中隐藏 Id 列。这是我的代码。 var columns = [ { name: "id", label: "Id"
我正在使用 backgrid 来显示表格。我想在表格标题上显示工具提示。 有人可以帮忙吗？ 最佳答案 扩展 Backgrid.HeaderRow Backgrid.HeaderRow = Back
是否可以使用 BackGrid 通过格式化程序构建自定义 Cell，从隐藏列中组合值？ var grid = new Backgrid.Grid({ columns: [ { name
我正在学习 Backbone.js 并使用 BackGrid 呈现数据并为最终用户提供一种在 Microsoft MVC 网站上编辑记录的方法。出于此测试网格的目的，我使用 vendor 模型。 Ba
(让我先说一下我是 Backbone 和 Backgrid 的新手。)我正在使用 Backgrid 和全选扩展，但我遇到了“捕获”我的包含/父 View 中全选触发的事件的问题。我想在主网格中选择一行
(让我先说一下我是 Backbone 和 Backgrid 的新手。)我正在使用 Backgrid 和全选扩展，但我遇到了“捕获”我的包含/父 View 中全选触发的事件的问题。我想在主网格中选择一行
在我的 GridView 中， 我在收集结束时插入一个新的主干模型(没有 id 的模型)，在背景网格中插入一个新的空白行 我想将占位符放在该空白行的第一个输入单元格中。我在文档中找不到相同的但幸运的是
大家好，我正在使用 backgrid 来渲染我的表格。我不知道如何在列中添加元素。有人可以告诉我该怎么做吗？ 最佳答案 查看此处的文档/api后:http://backgridjs.com/您可以通过
我的页面上有一个包含数据集合的 Backgrid View 。 Backgrid View 上方是另一个称为“过滤器”的 View ，它允许用户更改数据的日期范围，以便他们可以查看两个日期之间的结果。
我仍在尝试将过滤功能实现到 Backbone 络应用程序中，但仍然有错误。查看 define([ 'underscore', 'backbone', 'collections/
我想根据条件渲染一个具有可编辑和不可编辑行的网格。我可以通过设置颜色来区分这一点，但使其对于已删除的记录不可编辑会更有用。期待好的解决方案。 var DeletedRow = Backgrid.Row
var lunrFilter1 = new Backgrid.Extension.LunrFilter({ collection: pageableTerritories.fullCollecti
我正在尝试让 backgrid.js 的最基本示例正常工作。换句话说，这是一个我可以将源文件夹放入我的 xampp/htdocs 文件夹并运行而无需执行任何其他操作的示例。 我已经尝试了很多方法来运行
我正在使用 Backgrid 作为表格结构。现在，我必须添加具有编辑、查看、删除按钮和列标题“操作”的操作列。我不知道如何使用 Backgrid 来做到这一点。由于我们为一列提供了一个单元格，因此如何
谁能告诉我如何在单击按钮时将 Backgrid.js 表数据导出为 csv。我已经使用 backgrid.js 显示了一个表格。现在我想将数据导出为 csv 文件。 最佳答案 您可以使用 unders
您好，我想在我的网格中打印“未找到记录”，未找到任何内容或表格中有 0 行。现在我的网格在获取数据时显示结果，但在未获取数据时显示空网格。那么当没有记录时如何打印“未找到记录”？ 最佳答案 在您的 B
已经实现的内容:我们有一个页面，其中 Backgrid 表是从数据库中的 table1 呈现的(工作正常)，并且 Backgrid 中的大多数单元格都是可编辑的。单元格保持可编辑状态，以便现有详细信息
我正在使用 BackGrid.js 对我的数据表进行分页，但我在“左页”和“右页”图像上遇到了一个小问题，它们似乎没有为我呈现，所以我必须是缺少相关图像，或者我没有相关元素的相关 CSS， 我试图四处
我是一名优秀的程序员,十分优秀！