问题标签 [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 投票
1 回答
82 浏览

reactjs - 更新到版本 0.7 后,Griddle 仅在设置中显示 columnMeta 数组中的列

刚刚升级了烤盘和反应包到最新的。问题是更新到版本 0.7 后,griddle 仅在设置中显示 columnMeta

我需要在 columnMeta 数组中添加所有列,否则它们不会在设置部分中列出

通过添加最后一个列块进行测试。

package.json 是

在控制台中没有出现错误或问题,原因可能是它的 Meteor + ReactJS 项目的任何想法

0 投票
0 回答
446 浏览

javascript - 访问自定义 Griddle 组件上的“数据”、“行数据”和“元数据”道具的正确方法是什么?

访问自定义 Griddle 组件上的 、 和 propsdatarowData正确方法是什么?metadata尽管在 react devtools 中看到了我的数据填充的道具(例如,我想要构建的链接的 url 和标题),但控制台给了我一个“未知道具rowData,标签metadata上”的错误。<DownloadLink>

我尝试了两种基于传递customComponentMetadata键/值的方法以及文档按照thisthisdocumentation显示的方式。

我的桌子收到这个作为道具 - <ResultsTable columnMetadata={columnMetadata} tableData={this.state.tableData} /> // tableData is the entire json object I want to display

任何帮助都会很棒。谢谢!

0 投票
0 回答
206 浏览

reactjs - React:将属性传递给 customComponent Griddle

我遇到了一个问题,我想为 customCompontent 提供一些属性。

我有一个反应组件 scoutingList 打印目前被侦察的球员列表。也可以通过单击按钮从该列表中删除玩家。

我还有一个 griddle 组件,其中的表格填充了来自 api 调用的数据,除了我创建了一个 customComponent 的该列的侦察列。

这个 customComponent 应该呈现一个带有“Scout”或“Scout”文本的按钮。

从我的父类中,我传递了一个this.state.scoutedPlayers我想要传递给我的 customComponent 的状态。我发现您可以通过 customComponentMetaData 传递额外的数据,但它不接受道具。

任何人都知道如何直接通过 customComponent 传递属性?

0 投票
1 回答
1178 浏览

reactjs - React grid table with double sorting in specific columns

I have difficulties for completing an emerging task. I must implement a table in which some columns must have two fields. These columns must have a sorting functionality through which the user will be able to sort the selected fields. To be more accurate, see the screenshot below:

enter image description here

You can see the columns which contains two fields. When, the user clicks in a field, arrows must be shown and the grid will be sorted by the selected value. When the user clicks the other fields (Price for example), arrows are shown, the field becomes bold and the grid is sorted by the selected field.

I use Griddle but, how can I implement in Griddle such a functionality? Should I make my own grid from scratch?

0 投票
1 回答
99 浏览

reactjs - 如何在 Meteor + React App 中使 Griddle settingIconComponent 的输入可重用

如果可能,请提供输入。如果可能的话怎么办?

目标- 使用 Griddle 版本 0.6.1 将 Griddle 中的设置按钮替换为 Material ui 按钮

实施- 替换显示可供选择的列列表的设置按钮。我将此输入提供给 Griddle 的 settingIconCompoent 道具

和我插入此设置功能的烤盘是

它正在工作。

问题- 我必须替换 10 页中的设置按钮,但 Griddle 中的 settingsIconCompoent 只接受对象/字符串作为输入而不接受反应类,这就是为什么不能将其变成单独的组件的原因

如何使它作为一个单独的实体在所有这些页面中使用而不重复

干锅页面 - https://griddlegriddle.github.io/v0-docs/styling.html

0 投票
2 回答
312 浏览

reactjs - Griddle v1 onRowClick not firing

Was tasked to upgrade from Griddle v0.7 to Griddle v1.1. But I can't seeme to get onRowClick to work.

If I look through the issues on github or other examples, this should work just fine.

0 投票
1 回答
498 浏览

javascript - Griddle 过滤器组件定制

我正在使用 Griddle 组件并尝试自定义过滤器组件以满足要求。我收到Uncaught TypeError: this.props.onChange is not a function错误。我正在关注这个例子。https://griddlegriddle.github.io/Griddle/docs/customization/ 这里是组件。

列表组件:

自定义过滤器组件:

0 投票
2 回答
938 浏览

javascript - ReactJS - Griddle v1.0 获取当前过滤数据

我试图弄清楚如何从 Griddle 组件中获取当前过滤的项目。

我在源代码中找到了以下函数:

但是我将如何在我的反应组件中使用过滤数据选择器?单击按钮导出到excel时,我想获取过滤后的项目。

我发现这个例子是关于如何与列表中的每个项目进行交互(呈现超链接而不是纯文本),我认为它应该以类似于我想要实现的方式工作: https ://github.com/GriddleGriddle/干锅/问题/ 586

我真的不明白这如何与 redux 和 connect 函数一起使用,但上面的示例工作得很好。

不确定我是否必须以类似的方式使用 redux/connect 来获取过滤后的项目列表?

Griddle 文档: https ://griddlegriddle.github.io/Griddle/docs/

0 投票
0 回答
52 浏览

sorting - Griddle v1.3.1 - 使用下拉选择对特定列进行排序

我正在尝试使用自定义下拉选择组件而不是列标题旁边的默认箭头来实现排序,以对特定列进行排序。这怎么可能?在此处输入图像描述

0 投票
1 回答
125 浏览

redux - 无法为烤盘创建连接的容器或增强器

我正在尝试为 griddle v1.6.0 创建一个增强器。

我收到此错误:

未捕获的错误:在“连接(行)”的上下文或道具中找不到“商店”。要么将根组件包装在 a 中,要么将“store”作为道具显式传递给“Connect(Row)”。

这是我的增强器

如果我尝试创建自己的容器,我会遇到类似的问题


编辑

似乎连接实际上是连接到我的应用程序商店(我没有为其添加提供程序)而不是 griddle 的内部商店。我不确定如何在增强器或容器中访问烤盘的内部存储......也许我在这里遗漏了一些东西,我应该添加选择器吗?