问题标签 [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 回答
362 浏览

reactjs - Kendo-react-ui TreeList 如何自定义不同层次的单元格?

它适用于不可扩展的列。如果我与“可扩展”列一起使用,它会重新设置样式,但展开/折叠行为会被覆盖,并且用于展开的箭头消失。

是否有可能以另一种方式自定义单元格?

0 投票
1 回答
1037 浏览

reactjs - 使用 kendo-react-grid 的 typescript 实现编译失败

使用以下最简单的网格实现无法编译。(但同样适用于 react JS 实现)react 组件的代码如下。

我的 package.json 如下:

引发以下错误:

./src/components/projects/ProjectsPage.tsx 找不到文件:'main.js' 与磁盘上的相应名称不匹配:'.\node_modules@Progress\kendo-react-grid\dist\es@progress'。

当我深入了解它声称从中抛出错误的节点模块目录时,

看起来像这样 .\node_modules@Progress\kendo-react-grid\dist\es\main.js

它显然不包含 es (.\node_modules@Progress\kendo-react-grid\dist\es@progress) 内的任何名为 @progress 的目录

仅供参考:我也是获得许可的开发人员。

这是否与剑道用户界面的许可有关? 在此处输入图像描述

0 投票
1 回答
216 浏览

kendo-react-ui - React 的 Kendo 工具提示无法在 LI 元素下的链接上正确显示

我在尝试在某些元素上正确显示 Kendo React 工具提示时遇到了问题。

工具提示可以在 [anchor] 元素和 [list item] 元素上正确呈现,但是如果它是 [list item] 内的 [anchor],则它不再显示并恢复为标准工具提示。

我已经使用 Stackblitz 复制了它,因为它比解释更容易看到

https://react-e5gq87.stackblitz.io

谁能明白为什么会这样?

0 投票
1 回答
629 浏览

reactjs - KendoReact 和 react-hook-form

我在使用带有react-hook-form库的KendoReact组件时遇到问题:

Stackblitz 样本在这里

react-hook-form示例使用 MaterialUI 组件来显示第三方库的集成,并且看起来工作正常。使用 Kendo Input 组件时,在输入控件中键入任何内容都会导致控件显示[object Object]而不是键入的值。这是因为要在控件上设置的值是event对象而不是实际值。

我找不到解决方法,希望其他人确实找到了。

0 投票
1 回答
1190 浏览

reactjs - 记忆动态样式组件会导致“渲染的钩子少于预期的错误”。

我正在使用样式组件。我必须使用它来更改样式,因为我需要更改的内容嵌套在 Kendo React Grid 中,正如他们在文档中概述的那样:https ://www.telerik.com/kendo-react-ui/components/styling/样式化组件/

我需要根据道具动态设置组件样式。这造成的问题是,由于每个渲染周期都会创建一个新组件,因此文本输入会在您键入时失去焦点。我试图将组件包装在 useMemo 中来解决这个问题,但它会导致“渲染的钩子比预期的少”错误。似乎 useRef 是从 styled-components 在 styled() 中调用的,因此当它随后由于 useMemo 被跳过时,它会创建挂钩不匹配。

我在这里创建了一个更简单的示例:https ://stackblitz.com/edit/react-mu6rlr-omeo5c?file=app%2Fmain.jsx

顶部的文本框失去了对更新的关注。较低的记忆中的一个命中钩子错误。

解决这个问题的更好模式是什么?

0 投票
0 回答
437 浏览

css - 如何管理短文本和长文本内容的“剑道反应下拉列表项(k-item)”宽度?

这是关于KendoReact Dropdowns
https://www.telerik.com/kendo-react-ui/components/dropdowns/

如何增加“k-item”宽度以匹配内容宽度,并且在涉及长文本内容时停止文本换行?当同时涉及短文本内容时,如何将“k-item”宽度保持为“下拉列表(k-list)”宽度?

我有两个包含长列表项和短列表项的下拉列表,但是当它添加到我的项目时它看起来像什么。
初步外观

所以我为“k-list”弹出设置添加了“width:auto”,这是发生的。
我的修复

但我需要的是这样的。
我需要的

我需要你的帮助使它看起来像上面的图像。

0 投票
2 回答
647 浏览

reactjs - 如何使用 reactJS 打印当前日期和时间

我正在尝试创建一个小程序,我必须在其中使用 react JS 显示日期和时间。它按预期显示 HTML 页面中除日期和时间值之外的所有内容。

0 投票
1 回答
248 浏览

css - React Kendo Grid:删除重复的过滤器

我们有一个简单的只读 React 网格,每一列都有标准的 Kendo 过滤器。虽然我们不想要重复的过滤器。

网格代码

ColumnMenu 组件代码

结果是这样的:

在此处输入图像描述

但我们想要这样的东西:

在此处输入图像描述

请建议如何可能

0 投票
0 回答
273 浏览

reactjs - 是否可以在页面加载时使用默认值加载剑道反应表单

我正在研究 kendo react UI,我必须实现编辑数据 UI 页面。对于编辑数据,给定的设计是表单的设计,因此我将 kendo react 表单组件添加到 UI,但在加载页面时我无法为表单 UI 放置任何值。从 API 获取数据,无法添加到表单字段。有没有办法做到这一点?

0 投票
0 回答
21 浏览

kendo-react-ui - 条件多选数据

有条件地在多选中列出数据的最佳方法是什么(取决于选择的数据)?例如:

如果选择了实验室用户,则在多选选项中只会找到实验室用户。

等等。