问题标签 [kendo-react-ui]

我们有一个 Kendo React 网格，当数据为空时，我们需要显示 No record found 消息。

请参阅 Kendo 文档，但找不到任何解决方案。请建议

赏金前的编辑：这是我在 chrome devtools 控制台中收到的错误的屏幕截图：

这是我目前用于 S3 存储桶的确切 CORS 配置cbbteamlogos：

我的 S3 存储桶策略是空白的，我不太确定要在此处添加什么，尽管下面的评论中建议添加存储桶策略。

这是我用来实现此功能的 Kendo React PDF 文档，这里是文档的一部分，讨论了使用 Kendo 绘制图像的限制。

在我下载的 React PDF 中显示来自这个 S3 存储桶的图像非常重要，因为上周我一直在构建这个 PDF 生成组件，并假设我会解决这个问题。

请让我知道我是否可以分享我的应用程序的任何其他输出、我的 S3 存储桶上的信息等，这将有助于解决这个问题！

原帖：

我正在尝试在我的 React 应用程序中创建一个 PDF 生成工具，为此我正在使用 Kendo React PDF。但是，我很难在下载的 PDF 中显示图像。提前道歉，这不是一个可重现的例子，但问题是高水平的，我不确定一个可重现的例子是否会有所帮助。

这是 PDF 的外观。

...这是导出 PDF 时的实际样子...

问题是斯坦福徽标没有出现在下载的 PDF 中，我不太清楚为什么。我一直在阅读 Kendo 文档，它在这里提到只有在服务器提供允许的跨域 HTTP 标头时才会导出图像。

团队徽标保存到我的 S3 存储桶中（在编辑中更新了上面的 CORS 配置），但是 CORS 配置似乎没有帮助。是否有其他有使用 Kendo-React-PDF 经验的人对如何在下载的 PDF 中显示图像有任何建议？我不太确定还能做些什么来解决这些错误。

谢谢！

编辑： https://c2.staticflickr.com/2/1574/25734996011_637430f5d8_c.jpg这是正确导出到 PDF 的横向图像的来源，并且https://s3.amazonaws.com/cbbteamlogos/STAN-logo.png是指向未导出到 PDF 的斯坦福徽标的链接。

编辑4：错误消息：

CORS 策略已阻止从源“ https://cbbanalytics.com ”访问“ https://s3.amazonaws.com/cbbteamlogos/STAN-logo.png ”上的图像：否“Access-Control-Allow-Origin” ' 请求的资源上存在标头。

这是保存图像的 S3 存储桶的一些信息的非常大的图像（我如何使这个变小？...）。我还使用当前的 CORS 配置更新了上面的帖子，但该配置不起作用。我需要为此制定存储桶策略吗？我可以分享有关 s3 存储桶的任何其他信息来帮助解决这个问题吗？

我正在尝试将参数和事件都传递给 React 中的外部函数。

如果我这样调用它，

它找不到“这个”并说未定义的道具。由于这是一个外部函数，我什至无法绑定它。

此代码在没有事件的情况下有效 -

调用默认类之外的函数 -

当我使用箭头功能时，此代码不起作用 -

我希望该函数与事件数据一起返回。

我想将 Kendo UI React 与我的 React Native 应用程序一起使用，但我在入门时遇到了一些问题。

我按照https://www.telerik.com/kendo-react-ui/getting-started/中的每一步操作，但遇到此错误：“不变违规：未找到名称按钮的查看配置”

那么有没有办法在我的反应原生移动应用程序中使用它？

我能知道 Kendo React 中最相关的 Upload 属性是什么，它不允许用户再次上传相同的文件。

同一个文件被上传了两次，没有询问是否替换文件

在剑道反应中，网格的过滤器是标题下方的一条线，如下图所示

但在 JQuery 版本中，过滤器是一个按钮，可以使用过滤器打开一个小模式，如下图所示

如何使 Kendo React 在标题中有一个按钮，该按钮打开一个带有过滤器的模式，而不是带有过滤器的新行？

当我尝试导入 Menu 和 MenuItem 组件时，我收到了这个奇怪的编译错误。

注释掉 kendo-react-layout 导入可以消除错误。我正在使用的剑道版本是，并且正在使用默认主题。

我对剑道反应上传控制有点坚持。

我需要自定义 kendo react 上传控件的渲染。用户上传文件后，我想将文件保存在数据库中。然后我需要将数据库 ID 传递回客户端，因为如果用户想要删除文件，我还需要清除数据库。

为了给你一个想法，这是我想要实现的。

https://stackblitz.com/edit/react-ghna5h

（当你启动 stackblitz 打开文件 app/main.jsx）

可能吗？谢谢你的帮助

文档站点没有关于直接更改仪表尺寸的信息。

您似乎无法更改 Kendo 创建的量规的尺寸或尺寸。如何更改 Guages 的大小？

所以我正在使用 Kendo React Grid 并将重新排序设置为 true 并且还添加了一个自定义单元格，我可以在其中显示/隐藏列。

当我不重新排序并尝试显示/隐藏一切正常但是当我重新排序列然后尝试隐藏然后恢复列时，一切都会变得混乱，我不明白我可以在哪里控制它。

这是最初的网格。

这是我重新排序列的地方

现在我打开了 customCell 并试图隐藏第一列

这是我点击保存订单正在改变的结果，我不知道为什么

这是 Telerik 文档，在所有示例中，我无法同时找到 reorder 和 customCell：https ://www.telerik.com/kendo-react-ui/components/grid/

这是重新排序部分/我找不到有关自定义重新排序的详细信息：https ://www.telerik.com/kendo-react-ui/components/grid/columns/reordering/