问题标签 [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.
javascript - Backbone > Backgrid 输入单元格占位符问题
在我的网格视图中,
我在集合结束时插入了一个新的主干模型(没有 id 的模型),它在 backgrid 中插入了一个新的空白行
我想将占位符放在该空白行的第一个输入单元格中。我在文档中找不到相同的内容,但幸运的是我在代码中找到了: https ://github.com/wyuenho/backgrid/blob/master/lib/backgrid.js#L710
但是当单元格进入编辑模式时,这个占位符正在初始化。
为什么会这样??
占位符应始终可见,并且仅当焦点进入该输入单元格时才应隐藏。
但是在backgrid中,正好相反。
如何摆脱这个问题?
我想一直为空白输入 Backgrid Cell 显示占位符。并且仅当该单元格进入编辑模式时才隐藏。
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?
javascript - 主干(同步)更新事件
我是第二次问这个问题,第一次把文字弄糊涂了,很抱歉。这是相同的问题得到改进和最好的解释。
我有一个PageableCollection,数据加载没有问题!表格的线条(我使用的是 backgrid,骨干网的扩展)是可编辑的!但是在编辑并按下回车键后什么也没有发生!服务器没有被调用,我等待一些调用 ajax 的服务器,但它没有发生。
我找到了覆盖同步的方法,但我真的不知道我想在编辑后拨打电话并说“好的”或“错误更新”。
代码如下:
javascript - 将可编辑的 Select2Cell 的值替换为已从数据库呈现的 Backgrid 表中的文本(链接到值)
已经实现的内容:
我们有一个页面,从数据库中呈现 Backgrid 表table1
(工作正常),并且 Backgrid 中的大多数单元格都是可编辑的。单元格保持可编辑状态,以便现有详细信息可以显示在网格中,同时可以根据需要进行编辑。可以通过双击空行中的一个单元格来添加更多新行。
需要实现的目标:clientid
有client-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
不是m
(m
参考上面的例子)。
javascript - backgridjs中的总和页脚
我在下面有一个 backgridjs 表。
一切都很好,正如预期的那样,除了我很难弄清楚如何为总列设置总页脚单元格。
如果我在控制台中键入下面的命令,我会得到我想要的页脚单元格。
但是我希望在呈现表格时显示页脚单元格。我尝试了以下但总显示$ 0。
如果有人能帮我解决这个问题,我将不胜感激。像往常一样提前感谢。
backbone.js - 在 Backbone.js 中使用一次提取来处理更新多个集合的好方法是什么?
考虑一个 RESTful API,它在其典型响应中返回以下内容
- 结果列表
- 分页信息
- 导航器(即类别、子类别、位置等)
- 图形数据
在视图中,每次更改导航器时,都必须更新结果、图表和导航器。
我想要一个 fetch() 来更新所有这些集合。
我已经能够做到这一点,但它并不干净,我正在寻找一个最佳实践来处理这个问题,因为我希望这是一个常见的场景。然而,我在这方面还没有找到太多东西。
我会注意到我正在使用 Backgrid JS(如果这与答案相关)。
也许我不是在寻找正确的术语,但我会很感激这方面的任何帮助。
谢谢!
javascript - Backgrid过滤器在主干应用程序中不起作用
我仍在尝试在骨干网络应用程序中实现过滤器功能,但仍然出现错误。 看法
路由器
收藏
没有过滤器的表工作正常,但现在我有错误:Uncaught TypeError: Cannot read property 'Extension' of undefined
我不知道我做错了什么。谢谢你的帮助。
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。
backbone.js - BackgridJs - 如何在网格中显示对象
我想为此文档(模型)显示一个网格:
在我的 js 文件中..
标签显示为 [object Object]、[object Object] 和国家根本没有显示。
如何正确显示它们,标签的名称和国家列表?
javascript - 事件 backgrid:rendered 不起作用 - Backgrid.js
我尝试使用Backgrid.js。我有一些网格(我只是以服务器模式为例)。
这个库成功地为我构建了一个网格。但我想将一些单元格映射到它们的等价物。例如,我有"region_id"
专栏。我要地图region_id -> region_name
。为了完成这个任务,我订阅了这个事件backgrid:rendered
。
但我失败了。我的表的行没有迭代。但是这些行存在于表中。问题是什么?