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

reactjs - 使用 React 在 Kendo Ui Grid 中过滤异常

我在 React 中的 Kendo UI Grid 中遇到过滤问题。我得到以下异常op() is not a function。这些信息不是太多,但我还从过滤器对象中获得了屏幕截图。

是应用程序返回异常的对象:

在此处输入图像描述

我尝试了 Kedno UI Grid for React 网站(https://www.telerik.com/kendo-react-ui/components/grid/advanced-examples/stateful-grid/)上的相同示例,它就在那里工作正常,但过滤器对象如下所示:

在此处输入图像描述

我不知道问题的原因是什么,或者这是否真的是问题(第一张图片中的对象结构错误)。这就是为什么,任何建议或帮助都受到高度赞赏。

问候

0 投票
1 回答
1948 浏览

reactjs - 我如何生成 React Kendo动态的?

我正在尝试使用新的 KendoReact 库构建剑道网格,我的渲染方法如下。

由于必须定义 GridColumns(不是自动的),我想动态生成它们,即在第 3 行var columnsToShow。有人可以帮我理解为什么列不显示,但数据呈现吗?(我知道数据是存在的,因为如果我专门定义它,它就<GridColumn field="Name" />可以工作。)

0 投票
2 回答
350 浏览

reactjs - 在 Kendo-react-UI 中使用 ReactJs 在 Donut 的孔中添加文本

我们应该如何在 Kendo-react-charts 中使用 reactJs 在圆环图的孔中插入文本。在文档中显示了它,但它在现实中不起作用。文档链接:https ://www.telerik.com/kendo-react-ui/components/charts/series-types/donut/#toc-using-drawing-visuals

我的代码:

和作为道具传递的数据:

0 投票
1 回答
1041 浏览

reactjs - 启用禁用 React Kendo Grid 中的字段/控件

我想根据输入禁用 React kendo 网格中的字段/控件。

例如:基于全名中的值选择,我想禁用出生日期在此处输入图像描述

0 投票
1 回答
1074 浏览

reactjs - 在 React 中动态设置 Html 元素自动对焦

我有两个兄弟组件。

一个组件包含文本框、复选框、下拉控件。

另一个组件包含 Kendo Grid。

每当用户单击网格行时,我想将焦点设置在上述组件中的一个元素上,其中包括文本框。

使用的方法:

1.我不想使用 ref,因为我在一个组件中有多个控件。

2.我已经为输入元素动态添加了自动对焦属性。

0 投票
1 回答
149 浏览

kendo-react-ui - 更改剑道反应散点图中点的形状

我需要更改剑道反应散点图中点/项目的颜色和形状。默认是不同颜色的圆圈,但我需要将其更改为菱形、正方形、圆形和加号的形状。

任何人都可以在这方面提供帮助。

0 投票
1 回答
120 浏览

kendo-react-ui - 从 URL 解析 JSON 并将值放入 Kendo React DropdownList

我是编程和剑道的新手。我编写了一些简单的代码来使用 Kendo React 生成一个下拉列表,其中我对值进行了硬编码 -

-- 现在我需要在通过 URL 传递给我的 JSON 文件中使用“title”值,但我不知道从哪里开始。这是 JSON 的示例 -

0 投票
1 回答
333 浏览

css - 为菜单 KendoReact 设置类名

我正在开发使用 Kendo 的 React 项目。对于Menu组件

从“@progress/kendo-layout-react-wrapper”导入{菜单,菜单项};

我们无法设置className该控件。那么为它应用css的正确方法是什么?

我用 className 覆盖它,使用嵌套的 css 为它设置 css,如下所示:

tsx:

CSS:

有没有更好的解决方案?

0 投票
1 回答
315 浏览

reactjs - KendoReact Grid 显示错误的列

我正在"@progress/kendo-react-gri*"为我的项目处理网格,我遇到了这样的问题。我的数据有五个字段,但我只想显示其中两个,所以我只需在 tsx 文件中定义三列,如下所示:

这是我的数据:

{“ProductID”:2,“ProductName”:“Chang”,“ReorderLevel”:25,“Discontinued”:false,“Category”:{“CategoryID”:1,“CategoryName”:“Beverages”,“Description”: “软饮料、咖啡、茶、啤酒和麦芽酒”}

但它仍然显示包含我数据的所有字段的五列。

在此处输入图像描述 有人对此有解决方案吗?

PS:我尝试使用 wrapper lib,但遇到了同样的问题。

0 投票
1 回答
1282 浏览

kendo-ui - 为剑道堆叠条形图中的每个图块添加工具提示

我使用 Kendo UI 创建了一个堆积条形图。我想在堆叠条形图中显示每个图块的工具提示,并为此使用另一个数组,其中包含要显示为工具提示的值。

例如:当我将鼠标悬停在 2000 年的美国时,工具提示应显示,NYC:60% 和 SFO:40%(如图所示)。

这是一个小提琴

这就是我想要实现的目标(在这种情况下显示美国 2000 年的工具提示): 在此处输入图像描述

问题是当我使用series clickor时series hover events,我无法识别图块(在堆积条形图中),这使得显示工具提示变得更加困难。

这是代码:

  • html { 字体大小:14px; 字体系列:Arial、Helvetica、sans-serif;}

    "40%", "40%"]}]}