问题标签 [kendo-react-ui]

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 回答
646 浏览

kendo-ui - 如何让 KendoUI Grid 与自定义单元格渲染器和选择一起使用

似乎选择事件没有通过自定义单元格渲染器传递。我的目标是我想更改网格中每个单元格的背景颜色(基于值),并且还能够处理选择事件。我在这里修改了文档中的示例:

https://www.telerik.com/kendo-react-ui/components/grid/selection/

在“订单上的单位”列中包含背景颜色。您会注意到该列不参与选择。我在这里创建了一个 stackblitz 示例:

https://stackblitz.com/edit/react-o4ycqi?file=app/main.jsx

我所做的只是添加了一个 cellWithBackground 函数并将其分配给 UnitsInStock 列。这是那个功能

我确实找到了一个很接近的示例,但我无法让它与功能组件一起使用。它只适用于我不使用的类。因此,请提供有关支持功能组件的示例或参考。

0 投票
0 回答
103 浏览

javascript - 如何使用@progress/kendo-react-pdf 导出 PDF 错误?

如何使用@progress/kendo-react-pdf 导出 PDF 错误?

在此处输入图像描述

在此处输入图像描述

0 投票
0 回答
108 浏览

kendo-react-ui - Kendo-react-pdf 中未维护字体大小/重量

我正在将 kendo-react-pdf@progress/kendo-react-pdf用于我正在构建的产品之一以导出列表视图,并且观察到导出未保持字体大小和字体粗细(即使使用系统字体)。我使用 Styled-components 来设置样式。有没有人遇到过这个?

0 投票
0 回答
41 浏览

reactjs - 如何在同一行渲染组件?

我试图让一个表示为登录按钮的组件嵌入到与导航菜单相同的行中。这是该组件:

登录按钮.tsx

下面是我试图实现的一个片段,kendo-react-ui但这样做是在reactstrap

在此处输入图像描述

我尝试过类似以下的方法:

但按钮永远不存在。似乎只有MenuItem's 被呈现在Menu. 如果我把它放在<SignInButton/>后面,</Menu>那么即使我用 bootstrap 告诉它,它也不会留在同一行rowMenu总是占据整行。

我怎样才能做到这一点kendo-react-ui

0 投票
0 回答
18 浏览

reactjs - 如何为 Kendo React Button 使用 Wordwrap - 芯片

我一直在尝试将文本包装在来自库@progress/kendo-react-buttons 的 kendo react chiplist 中的芯片内部,尝试过 wordwrap、overflow、overflow-wrap、height 但它们都不起作用,甚至在 div 级别上尝试过以及芯片列表级别和个人芯片级别,但没有运气,任何人都可以建议我将文本包装在芯片内的方法

在此处输入图像描述

0 投票
0 回答
66 浏览

export - 如何导出剑道反应网格分组数据

我们有一个定制的剑道反应网格,并且有一个导出数据的选项。这是导出网格数据的代码

当网格有分组时,导出不能正常工作。它导出空数据,甚至不导出分组标题。这是一个样本

网格分组 在此处输入图像描述

导出的 excel 如下所示

在此处输入图像描述

请注意,我在将网格数据传递给 ExcelExport 组件之前对其进行了处理。

我不明白我在这里缺少什么。

任何帮助将不胜感激。

0 投票
0 回答
30 浏览

javascript - 如何让 columnMenu 在每一列中呈现并在 Kendo React Grid 中正确过滤?

我有这个剑道反应网格:

如您所见,我columnMenu为每一列设置了一组,但它只出现在最右边的Last Reading列中。我希望标记为黄色的点也有过滤器。 列菜单 我的另一个问题是过滤卡住并且日历无法正确呈现。 过滤器和日历错误 我一直在关注这里的文档,但是我的代码并没有呈现相同的内容。

更新:我检查了网格,发现所有的 columnMenus 都在右侧堆叠在一起。有没有其他人遇到过这个问题?请看下面的样式截图。 菜单图标样式

0 投票
0 回答
70 浏览

reactjs - 包含 kendo-react-ui drawDOM 的 SVG 图像被拉伸且分辨率低

我正在使用 kendo-react-ui drawDOM ( https://www.telerik.com/kendo-react-ui/components/drawing/api/drawDOM ) 从 ReactJs 中的 HTML DOM 生成图像和 PDF。输出中的 SVG 图像在 PDF 和图像中都被拉伸和模糊。边框,文本等其他内容是正确的。整体分辨率也不错。但是包含的 SVG 正在产生问题。

这是我正在使用的代码:

这是 PDF 输出的屏幕截图: 在此处输入图像描述

0 投票
0 回答
22 浏览

reactjs - 构建和部署 React 应用程序后不显示剑道弹出窗口

我有一个过滤器组件。如果没有为“爱好”过滤器选择任何内容,我想显示一个弹出窗口。

这是我正在使用的样式文件:

该组件与 npm start 一起工作正常。但是,当我执行 npm run build 并部署应用程序时,即使没有构建错误,也不会显示 kendo 弹出窗口。为什么我要观察这种行为?

0 投票
0 回答
125 浏览

css - 更改 Kendo React UI 的主题

我目前正在开发一个将 Kendo React UI 用于图表的应用程序,并且我想添加从 UI 中在明暗之间切换主题的可能性。

我使用 React 和 Sass 进行造型和两个不同的 Kendo-React 主题,浅色是默认的 kendo 制作,深色是我使用 Kendo Theme Builder 制作的。

我试图通过纯 scss 实现主题更改:

并在这两个类之间改变状态变化。


我试过使用 scss @mixin

具有主题样式的文件:

应用程序.scss:


我尝试使用具有两个链接并仅使用正确链接的 react-helmet:


或有一个指向正确 scss 文件路径的链接:


我还尝试有条件地在 useEffect 中导入这些文件:

以上都没有奏效,有些没有进行任何更改,有些则将 UI 从空白页面更改为仅条形图系列的轮廓,没有任何颜色或样式。

显然,如果我尝试导入默认主题或我制作的主题而不尝试在运行时更改它,那么所有 2 都可以完美运行。

有人也遇到过这种情况吗?如何实现主题切换器?