问题标签 [griddle]

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 投票
0 回答
481 浏览

sorting - 使用 Griddle.js 时,是否可以使用元数据列中的值对列进行排序?

是否可以通过另一个隐藏(元数据)列的值对一列进行排序?

为什么需要这个?

  1. 在对美元值进行排序时,如果我们按数值而不是字符串/格式化的美元值排序是可取的并且更加一致。
  2. 当使用前缀/后缀对非零填充值进行排序时,排序只能通过排序索引进行。
0 投票
1 回答
1294 浏览

reactjs - griddle-react:如何从设置菜单中外部化行设置

我想将行设置与 Griddle 中的单独设置菜单分开。

DataTables 库在其主页上有一个很好的示例。我本质上想重新创建 DataTables 布局,但使用 Griddle 库

https://www.datatables.net/

http://griddlegriddle.github.io/Griddle/quickstart.html

0 投票
0 回答
598 浏览

javascript - ReactJS - Griddle 不使用 JSX

我正在使用早午餐和 CoffeeScript 将我的文件粘合在一起。我将 Griddle 添加到 vendor.js。Griddle 现在可以访问了,它是一个函数。所以我可以打电话Griddle并定义它。

但是我如何将它与 ReactJS 一起使用?

我尝试像对我的一个组件一样使用它:

这将返回:

基本上,我想使用外部模块来呈现没有 JSX 的表。

0 投票
2 回答
1905 浏览

javascript - 将自定义过滤器输入组件与 Griddle 一起使用

我正在使用griddle一个反应组件来创建一个表。

Griddle 支持一个额外的属性来显示一个过滤器输入元素,它可以操作表格。

有没有办法使用您自己的独立表单/输入与烤盘。这样当提交第三方输入时,我可以在 griddle 中触发一些函数来更新表?

我查看了文档并项目中提出了问题。我不知道如何做到这一点。

0 投票
1 回答
525 浏览

css - ReactJS Griddle 覆盖内联样式

我正在创建一个应用程序,并且正在使用 ReactJS Griddle 组件。我正在尝试创建一个自定义行组件,但它一直应用这样的内联样式:

我需要覆盖样式,以便我可以设置display: grid;. 原因是我使用 Semantic-Ui 作为用户界面,当我做这样的事情时:

它不是每行显示 4 张卡片的网格,而是每行显示一张卡片。

有没有办法可以覆盖样式?

帮助表示赞赏。

0 投票
0 回答
146 浏览

datagrid - 主/详细信息与 Griddle

我正在开发一个使用Griddle显示项目列表的项目。我想支持典型的主/详细信息模式,并显示与我的网格组件相邻的选定行的更多详细信息。翻阅 API 文档,我无法找到任何关于如何或是否支持行选择的信息,但存在一些正在讨论选择的问题。

是否有未记录的 API 或任何有用的示例可以显示如何按原样使用或自定义 Griddle 以支持单个整行选择模型以促进主/详细信息布局?

有关的:

0 投票
0 回答
187 浏览

griddle - 使用 Griddle 时未选中所有复选框时不选择所有列

我使用 Griddle 来显示数据,所以我想自定义,当没有设置列时,将检查哪些列,​​而不是默认情况下所有列。例如:

当所有复选框都未选中时,我想显示名称和城市。我怎样才能做到这一点?在官方文档中我发现只有

如果没有设置列,Griddle 将默认显示所有列。

0 投票
0 回答
164 浏览

javascript - 有没有办法用 Griddle/ReactJS 显示子数组?

假设我想在烤盘网格中建模的数据如下所示:

我创建的 reactJS 组件是这样的(简化):

呈现包含该组件的页面会返回以下错误:

有没有办法将反应组件与子数组相关联,子数组与父数组元素的属性不同?这似乎是Griddle 文档中提到的限制。

我尝试在 Products 列中添加“customComponent”,但仍然遇到相同的错误。

0 投票
1 回答
935 浏览

javascript - 在道具 Griddle 自定义组件中传递函数 - ReactJS

我有以下代码:

当我单击一个项目时,我想从我的 RiderComponent 中的 RiderList 运行 update() 函数。但是我不断收到:'未捕获的 TypeError:this.props.metadata.update 不是函数'。

在我的 RiderComponent 中执行更新功能的正确方法是什么?

RiderList 在 TeamManager 中呈现:

这里 this.getExternalData 只是重新加载 this.state.results 中的数据。

编辑:在 RiderList 渲染中使用 onRowClick={this.update} 时我得到了一些工作。但是,当我单击行而不是行中的特定按钮时会触发。

0 投票
2 回答
520 浏览

javascript - Griddle 子网格在渲染时折叠

Griddle支持子网格。我在更改状态的字段之一中有一个自定义组件(用于行选择)。此状态更改会导致重新渲染,从而折叠子网格。但是,我希望它保持开放。

这个 Github issue记录了同样的问题,包括这个例子(感谢 Github 的 @denzelby),其中过滤折叠了子网格。

请注意小提琴中的代码如何更新状态onCountClick(单击“inc”按钮),从而导致重新渲染:

此状态更新导致重新渲染,将所有内容设置为折叠。如何在重新渲染时保持一切扩展?我也许可以自己跟踪哪些是扩展的,但是我需要一种编程方式来扩展行,这是我在 Griddle 中没有发现的。