问题标签 [kendo-react-ui]

我们一直在升级我们的前端，它已经使用 Kendo UI for jQuery 和他们新发布的 React 组件。

我们现有的组件之一是包含一些按钮和下拉菜单的工具栏，但到目前为止，您似乎只能使用 React 工具栏自己的配置对象来渲染工具栏内的任何内容。这是限制使用。

是否可以在 Kendo UI React 工具栏中使用其他 Kendo UI React 组件甚至您自己的 React 组件？

通过设置selectable: row. 网格允许您在每个页面中选择一个项目。我只想在 Grid 中选择一行并将所选行限制为 1。

如何将 REST 服务的真实数据集成添加到 KendoUI React Grid 对我来说并不明显。我在这里看到一个名为“数据操作”的示例，但不确定如何处理 REST。也就是说，可能支持使用 REST PUT 更新网格行并使用 REST POST 添加新行的东西。

例子？

https://www.telerik.com/kendo-react-ui/components/grid/data-operations/filtering/

我正在关注 React 的 Kendo UI 的在线文档 ，但其中的一部分遇到了一些问题。在链接中的示例和下面部分复制的示例中，有一个文件包含我要重用的组件的反应代码。看起来像：

在同一个文件中是一个实现上述组件的 React 类。该类的渲染方法如下所示：

我想通过网格将数据从我的 Grid 的父组件向下传递到 DropDownCell 组件通过道具。但是每次我尝试创建一个单独的 DropDownCell 文件并将其导入我的 Grid 类时，我都无法再让 DropDownCell 工作。我该怎么做才能从 DropDownCell 类在其自己的文件中创建一个可重用的反应组件并让它在我的网格中呈现？

我想使用 Kendo UI 添加一个编辑器。TypeError: list is undefined但我得到一个错误node_modules/@progress/kendo-ui/js/editor/plugins/inlineformat.js:422

我使用以下方法安装了库：

这是我的组件。

我能够执行以下操作kendo-ui-recat-wrapper来获取分组的 Grid ：

然后我可以将它传递dataSource给Grid.

我更新到在项目kendo-react-grid中使用它似乎比包装器更连贯。ReactJsjquery

但我没有找到如何获得相同的结果？没有提到组选项。即使在这里DataState（链接在这里）我也不知道如何使用它？！

编辑：该选项尚未准备好（Kendo ui React路线图）

我将我的数据网格从 Kendo UI React Wrappers 更新为新的 React 包@progress/kendo-react-grid 0.3.0。在旧的 jQuery 网格版本（或包装到 React 组件中）中，我能够操作网格标题（例如：设置columnMenu filterable为false）或定义headerTemplate.

新包的文档没有提到任何关于此的内容。在包源文件中，我找到header了包含 files GridFilterRow.js, GridHeader.js,的目录GridHeaderRow.js，但是没有办法（或者，我没有找到）自定义这些组件。

我想知道是否有任何方法可以在 React 的 Kendo UI Grid 的新重写版本中自定义网格标题？

我正在使用 Kendo UI 库中的 TreeView 组件，我想知道如何更新树中的数据。是否可以？

这是我的代码：

如何在使用新数据进行远程调用后更新数据源？在安装 react 包之前，我添加了一个带有 Kendo UI jquery 版本的工作解决方案，它适用于所有更新。使用 jquery 版本，我必须设置选项并且我拥有该功能setDataSource(data)并且它可以完美运行，现在我必须做什么？

编辑我使用 componentDidUpdate 和网络调用改进了代码。

我将此添加到我的页面：

<script type="text/javascript" src="{!URLFOR($Resource.kendoReact, 'kendoReact/kendo-dropdowns-react-wrapper.min.js')}"></script>

要访问我下载的剑道反应脚本的静态资源。

然后在页面中设置：

但我明白了：ReferenceError: MultiSelect is not defined at MultiSelectContainer.render。

我假设这就是我引入下拉反应 javascript 文件的方式。通过导入，您可以：import {MultiSelect} from 'blah blah path name';，因此将定义 MultiSelect 。

是否可以像我一样引入 JS 文件，并确定 MultiSelect 是什么，以便定义它，就像在导入方法中一样？

我正在搞乱 Kendo UI React，因为我有很多动态组件创建，并且能够将它们容纳在反应类中并在需要时实例化实例似乎相当不错。

但是，在 JQuery 中，我会执行以下操作：<select id="multi-select" data-role="multiselect" data-bind="value: my-multiselect"></select>

然后，当多选所在的模板绑定到可观察对象时，任何更改都会反映在该可观察对象中。

但是，我不确定 React 小部件是如何做到这一点的，因为它们的语法略有不同。到目前为止，我有一个这样呈现的多选：

我将如何设置绑定以便此多选绑定到可观察对象中的值？