问题标签 [backgrid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
922 浏览

javascript - Backbone > Backgrid 输入单元格占位符问题

在我的网格视图中,

我在集合结束时插入了一个新的主干模型(没有 id 的模型),它在 backgrid 中插入了一个新的空白行

我想将占位符放在该空白行的第一个输入单元格中。我在文档中找不到相同的内容,但幸运的是我在代码中找到了: https ://github.com/wyuenho/backgrid/blob/master/lib/backgrid.js#L710

但是当单元格进入编辑模式时,这个占位符正在初始化。

为什么会这样??

占位符应始终可见,并且仅当焦点进入该输入单元格时才应隐藏。

但是在backgrid中,正好相反。

如何摆脱这个问题?

我想一直为空白输入 Backgrid Cell 显示占位符。并且仅当该单元格进入编辑模式时才隐藏。

0 投票
1 回答
708 浏览

backbone.js - Backbone 和 BackGrid 以及超级简单的backbone-starter-kit

我正在尝试使用来自以下位置的 Backbone 样板来实现 BackGrid: https ://github.com/azat-co/super-simple-backbone-starter-kit

1.使用以下代码创建一个名为 GridHandler.js 的文件:

2.grid.html 文件包含一个 id 为“example-1-result”的 DIV。

3.在app.js中创建了一个View如下:

即使将带有 DIV 标记“example-1-result”模板内容的 grid.html 分配给内容区域,网格也不会显示。

grid.render().el -> 正确生成网格表。

为什么网格没有显示在 #content -> #example-1-result 中?

'#example-1-result' 在模板文件中,这是问题所在吗?

换个方式的问题:

我们如何将一些数据分配给视图模板中的 DIV?

0 投票
1 回答
1768 浏览

javascript - 主干(同步)更新事件

我是第二次问这个问题,第一次把文字弄糊涂了,很抱歉。这是相同的问题得到改进和最好的解释。

我有一个PageableCollection,数据加载没有问题!表格的线条(我使用的是 backgrid,骨干网的扩展)是可编辑的!但是在编辑并按下回车键后什么也没有发生!服务器没有被调用,我等待一些调用 ajax 的服务器,但它没有发生。

我找到了覆盖同步的方法,但我真的不知道我想在编辑后拨打电话并说“好的”或“错误更新”。

代码如下:

0 投票
1 回答
204 浏览

javascript - 将可编辑的 Select2Cell 的值替换为已从数据库呈现的 Backgrid 表中的文本(链接到值)

已经实现的内容: 我们有一个页面,从数据库中呈现 Backgrid 表table1(工作正常),并且 Backgrid 中的大多数单元格都是可编辑的。单元格保持可编辑状态,以便现有详细信息可以显示在网格中,同时可以根据需要进行编辑。可以通过双击空行中的一个单元格来添加更多新行。

需要实现的目标:clientidclient-name一 列(这些[clientid, client-name]来自table2数据库。由于单元格也是可编辑的,我们希望用户能够使用Backgrid.Extension.Select2Cell.

如果我参考这个例子:http ://backgridjs.com/ref/cell.html

Gender (SelectCell)根据定义的 optionValues 显示要选择的选项。同样,我们需要将选择选项列为下拉列表(从table2数据库中拉出 as [clientid, client-name]),同时,单元格的内容(from table1)应该显示文本而不是 ID...所以,Male不是mm参考上面的例子)。

0 投票
2 回答
844 浏览

javascript - backgridjs中的总和页脚

我在下面有一个 backgridjs 表。

一切都很好,正如预期的那样,除了我很难弄清楚如何为总列设置总页脚单元格。

如果我在控制台中键入下面的命令,我会得到我想要的页脚单元格。

但是我希望在呈现表格时显示页脚单元格。我尝试了以下但总显示$ 0。

如果有人能帮我解决这个问题,我将不胜感激。像往常一样提前感谢。

0 投票
1 回答
147 浏览

backbone.js - 在 Backbone.js 中使用一次提取来处理更新多个集合的好方法是什么?

考虑一个 RESTful API,它在其典型响应中返回以下内容

  • 结果列表
  • 分页信息
  • 导航器(即类别、子类别、位置等)
  • 图形数据

在视图中,每次更改导航器时,都必须更新结果、图表和导航器。

我想要一个 fetch() 来更新所有这些集合。

我已经能够做到这一点,但它并不干净,我正在寻找一个最佳实践来处理这个问题,因为我希望这是一个常见的场景。然而,我在这方面还没有找到太多东西。

我会注意到我正在使用 Backgrid JS(如果这与答案相关)。

也许我不是在寻找正确的术语,但我会很感激这方面的任何帮助。

谢谢!

0 投票
1 回答
1417 浏览

javascript - Backgrid过滤器在主干应用程序中不起作用

我仍在尝试在骨干网络应用程序中实现过滤器功能,但仍然出现错误。 看法

路由器

收藏

没有过滤器的表工作正常,但现在我有错误:Uncaught TypeError: Cannot read property 'Extension' of undefined我不知道我做错了什么。谢谢你的帮助。

0 投票
1 回答
270 浏览

css - 当我将元素动态添加到表格单元格时,如何计算“宽度:100%”?

Backgrid 允许编辑表格中的值,并通过<input type="text"><td>. 输入设置为,max-width: 100%但在某些情况下,它仍会将列的大小推得更远。

例如,请参阅其示例部分的网格,然后单击“人口”列中的一个项目。当它获得editor类时,它的填充设置为 0,并且两者<td>都有<input>box-sizing: border-box但列的宽度仍然增加。

那么不width: 100%意味着 100% 的宽度是当时<td>的样子吗?还是仅使用 CSS 无法完成这项工作?我可能会使用主干事件来获取 td 的大小,然后将输入设置为相同的大小,但这听起来有点 hacky。

0 投票
1 回答
195 浏览

backbone.js - BackgridJs - 如何在网格中显示对象

我想为此文档(模型)显示一个网格:

在我的 js 文件中..

标签显示为 [object Object]、[object Object] 和国家根本没有显示。

如何正确显示它们,标签的名称和国家列表?

0 投票
2 回答
903 浏览

javascript - 事件 backgrid:rendered 不起作用 - Backgrid.js

我尝试使用Backgrid.js。我有一些网格(我只是以服务器模式为例)。

这个库成功地为我构建了一个网格。但我想将一些单元格映射到它们的等价物。例如,我有"region_id"专栏。我要地图region_id -> region_name。为了完成这个任务,我订阅了这个事件backgrid:rendered

但我失败了。我的表的行没有迭代。但是这些行存在于表中。问题是什么?