标签: backgrid

骨干,从子视图访问父视图?

一般来说,如何从Backbone中的子视图访问父视图?

具体来说,在Backgrid.js中,有没有办法从单元格访问父行?

view backbone.js backgrid

17
推荐指数
1
解决办法
1万
查看次数

如何为backgrid行添加自定义删除选项

我使用backgrid开发了可编辑网格,它看起来也不错.以下是我的输出:

当我选中复选框并单击delete 图标时,将删除所选行.

现在我也希望每行都有删除选项,以便用户可以直接删除该行.

如何在每一行上添加删除图标.

在此输入图像描述

javascript backgrid marionette

11
推荐指数
1
解决办法
5049
查看次数

在backgrid中显示嵌套属性

我有一个json对象,格式如下:

{
    properties:{
                  url:"http://..."
               }
}
Run Code Online (Sandbox Code Playgroud)

我想在Backgrid网格中显示url.但是,我无法弄清楚如何更改列的name属性,以便它访问嵌套的url.我尝试了以下示例无济于事:

{
    name: "properties.url",
    label: "URL",
    cell: "uri"
}
Run Code Online (Sandbox Code Playgroud)

{
    name: "properties[url]",
    label: "URL",
    cell: "uri"
}
Run Code Online (Sandbox Code Playgroud)

这似乎很简单,但我找不到答案.

backgrid

5
推荐指数
1
解决办法
1111
查看次数

Backgrid集成

我如何在backbone.marionette应用程序中使用backgrid?

javascript backgrid marionette

4
推荐指数
1
解决办法
1817
查看次数

让最基本的Backgrid.js示例正常工作

我想尝试使用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 …
Run Code Online (Sandbox Code Playgroud)

javascript jquery backgrid

3
推荐指数
1
解决办法
2905
查看次数

限制TD文本长度

我有一个由 backgrid 生成的网格。

而且我想限制文本长度,每个 td 必须在一行上。

td 上的宽度属性无效。

谢谢你的帮助。

在此处输入图片说明

css backgrid

3
推荐指数
1
解决办法
9293
查看次数

Backgrid捕捉精选所有活动

(我先写一下,我是Backbone和Backgrid的新手.)我正在使用Backgrid和select-all扩展,我遇到的问题是"捕获"选择all在我的包含/父视图中触发的事件.我想在主网格中选择行时显示详细信息视图.因此,我需要网格中的select事件冒泡到父视图,以便它可以在另一个视图中显示详细信息.

var view = Backbone.View.extend({
    el: '.grid',
    initialize: function () {

        var columns = [{
            name: "id",
            label: "ID",
            editable: false,
            cell: "string"
        }, {
            name: "",
            label: "Action",
            cell: "select-row"
        }];

        var grid = new Backgrid.Grid({
            columns: columns,
            collection: this.collection
        });

        $("#backgrid").append(grid.render().$el);
    });
});
Run Code Online (Sandbox Code Playgroud)

现在我想我想在视图中添加这样的东西

events: {
"backgrid:select": "<name of the function i want to call>"
}
Run Code Online (Sandbox Code Playgroud)

但这似乎不起作用.任何帮助,将不胜感激.

backbone.js backbone-events backbone-views backgrid

2
推荐指数
1
解决办法
3253
查看次数

如何隐藏backgrid列?

嗨朋友们.我backgrid在我的项目中使用.我想隐藏Id列backgrid.这是我的代码.

var columns = [
{ name: "id", label: "Id", cell: "integer", editable: false },
{ name: "payment_date", label: "Payment Date", cell: "date" ,editable: false },
{ name: "number_of_task", label: "Total Task", cell: "integer" ,editable: false },
{ name: "amount", label: "Amount", cell: "integer" ,editable: false }
];
Run Code Online (Sandbox Code Playgroud)

backgrid

2
推荐指数
1
解决办法
2189
查看次数

如何在backgrid.js中使用"No Record Found"

嗨我想在我的网格中打印"No Record Found"找不到任何内容或表中的0行.现在我的网格在获取数据时显示结果,但是当它没有显示空网格时.如何在没有记录时打印"没有找到记录"?

javascript jquery backbone.js backgrid

1
推荐指数
1
解决办法
860
查看次数

Backgrid格式化程序从其他列添加值

使用BackGrid,是否可以构建自定义Cellvía格式化程序,从隐藏列组成值?

var grid = new Backgrid.Grid({
  columns: [
   {
   name:"half_value_1",
   cell:"string",
   rendered: false
   },
   {
   name:"half_value_2",
   cell:"string",
   rendered: false
   }, 
   {
    name: "composite",
    cell: "string",
    formatter: _.extend({}, Backgrid.CellFormatter.prototype, {
      fromRaw: function (half_value_1, half_value_2) {
        return half_value_1 + '/' + half_value_2;
      }
    })
  }],
  collection: col
});
Run Code Online (Sandbox Code Playgroud)

我能得到half_value_1half_value_2内部fromRaw功能?

backbone.js backgrid

1
推荐指数
1
解决办法
2440
查看次数