问题标签 [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.
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 列。这是那个功能
我确实找到了一个很接近的示例,但我无法让它与功能组件一起使用。它只适用于我不使用的类。因此,请提供有关支持功能组件的示例或参考。
javascript - 如何使用@progress/kendo-react-pdf 导出 PDF 错误?
如何使用@progress/kendo-react-pdf 导出 PDF 错误?
kendo-react-ui - Kendo-react-pdf 中未维护字体大小/重量
我正在将 kendo-react-pdf@progress/kendo-react-pdf
用于我正在构建的产品之一以导出列表视图,并且观察到导出未保持字体大小和字体粗细(即使使用系统字体)。我使用 Styled-components 来设置样式。有没有人遇到过这个?
javascript - 如何让 columnMenu 在每一列中呈现并在 Kendo React Grid 中正确过滤?
我有这个剑道反应网格:
如您所见,我columnMenu
为每一列设置了一组,但它只出现在最右边的Last Reading
列中。我希望标记为黄色的点也有过滤器。
我的另一个问题是过滤卡住并且日历无法正确呈现。
我一直在关注这里的文档,但是我的代码并没有呈现相同的内容。
更新:我检查了网格,发现所有的 columnMenus 都在右侧堆叠在一起。有没有其他人遇到过这个问题?请看下面的样式截图。
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 正在产生问题。
这是我正在使用的代码:
reactjs - 构建和部署 React 应用程序后不显示剑道弹出窗口
我有一个过滤器组件。如果没有为“爱好”过滤器选择任何内容,我想显示一个弹出窗口。
这是我正在使用的样式文件:
该组件与 npm start 一起工作正常。但是,当我执行 npm run build 并部署应用程序时,即使没有构建错误,也不会显示 kendo 弹出窗口。为什么我要观察这种行为?
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 都可以完美运行。
有人也遇到过这种情况吗?如何实现主题切换器?