问题标签 [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.
sorting - 使用 Griddle.js 时,是否可以使用元数据列中的值对列进行排序?
是否可以通过另一个隐藏(元数据)列的值对一列进行排序?
为什么需要这个?
- 在对美元值进行排序时,如果我们按数值而不是字符串/格式化的美元值排序是可取的并且更加一致。
- 当使用前缀/后缀对非零填充值进行排序时,排序只能通过排序索引进行。
reactjs - griddle-react:如何从设置菜单中外部化行设置
我想将行设置与 Griddle 中的单独设置菜单分开。
DataTables 库在其主页上有一个很好的示例。我本质上想重新创建 DataTables 布局,但使用 Griddle 库
javascript - ReactJS - Griddle 不使用 JSX
我正在使用早午餐和 CoffeeScript 将我的文件粘合在一起。我将 Griddle 添加到 vendor.js。Griddle 现在可以访问了,它是一个函数。所以我可以打电话Griddle
并定义它。
但是我如何将它与 ReactJS 一起使用?
我尝试像对我的一个组件一样使用它:
这将返回:
基本上,我想使用外部模块来呈现没有 JSX 的表。
css - ReactJS Griddle 覆盖内联样式
我正在创建一个应用程序,并且正在使用 ReactJS Griddle 组件。我正在尝试创建一个自定义行组件,但它一直应用这样的内联样式:
我需要覆盖样式,以便我可以设置display: grid;
. 原因是我使用 Semantic-Ui 作为用户界面,当我做这样的事情时:
它不是每行显示 4 张卡片的网格,而是每行显示一张卡片。
有没有办法可以覆盖样式?
帮助表示赞赏。
datagrid - 主/详细信息与 Griddle
我正在开发一个使用Griddle显示项目列表的项目。我想支持典型的主/详细信息模式,并显示与我的网格组件相邻的选定行的更多详细信息。翻阅 API 文档,我无法找到任何关于如何或是否支持行选择的信息,但存在一些正在讨论选择的问题。
是否有未记录的 API 或任何有用的示例可以显示如何按原样使用或自定义 Griddle 以支持单个整行选择模型以促进主/详细信息布局?
有关的:
griddle - 使用 Griddle 时未选中所有复选框时不选择所有列
我使用 Griddle 来显示数据,所以我想自定义,当没有设置列时,将检查哪些列,而不是默认情况下所有列。例如:
当所有复选框都未选中时,我想显示名称和城市。我怎样才能做到这一点?在官方文档中我发现只有
如果没有设置列,Griddle 将默认显示所有列。
javascript - 有没有办法用 Griddle/ReactJS 显示子数组?
假设我想在烤盘网格中建模的数据如下所示:
我创建的 reactJS 组件是这样的(简化):
呈现包含该组件的页面会返回以下错误:
有没有办法将反应组件与子数组相关联,子数组与父数组元素的属性不同?这似乎是Griddle 文档中提到的限制。
我尝试在 Products 列中添加“customComponent”,但仍然遇到相同的错误。
javascript - 在道具 Griddle 自定义组件中传递函数 - ReactJS
我有以下代码:
当我单击一个项目时,我想从我的 RiderComponent 中的 RiderList 运行 update() 函数。但是我不断收到:'未捕获的 TypeError:this.props.metadata.update 不是函数'。
在我的 RiderComponent 中执行更新功能的正确方法是什么?
RiderList 在 TeamManager 中呈现:
这里 this.getExternalData 只是重新加载 this.state.results 中的数据。
编辑:在 RiderList 渲染中使用 onRowClick={this.update} 时我得到了一些工作。但是,当我单击行而不是行中的特定按钮时会触发。