问题标签 [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 投票
2 回答
1320 浏览

kendo-grid - 在 Kendo Grid React 中指定日期格式

我有一个 Kendo React Grid 来显示我从 Sharepoint 列表中获取的数据。这是一个简单的网格,如此链接所示 - https://www.telerik.com/kendo-react-ui/components/grid/get-started/

现在日期采用 ISO 格式,例如 this-2014-08-14T15:30:10Z

如何转换为 mm/dd/yyyy 格式?上述格式属性的值似乎不起作用。

0 投票
0 回答
41 浏览

reactjs - 使用 KendoReact 以编程方式在字段上显示错误消息

我已经创建了一个服务器端验证系统,我应该将它连接到我使用 KendoRect 制作的应用程序中。

我正在寻找一种方法,例如:

在正确的表单字段中显示红色错误消息。

主意?

0 投票
0 回答
144 浏览

spfx - 如何覆盖 Kendo React 样式?

我正在使用 React 开发 SPFx,并且我使用了 Kendo 面板栏 - https://www.telerik.com/kendo-react-ui/components/layout/panelbar/

我想像这样覆盖面板项的标题 CSS-

这在 Stackblitz 上工作时效果很好,但在我的 SPFx 解决方案的 module.scss 文件中却不行。我究竟做错了什么?

0 投票
1 回答
226 浏览

reactjs - 具有地图功能的 ChartSeriesItem 的 KendoReact 图表平移问题

<ChartSeriesItem>通过使用 map 方法生成来寻找 kendoReact PANNABLE 柱形图。但是平移不起作用,而是不断减小列宽以适应浏览器。我试过下面的代码。

通过设置 'pannable true' 和 'zoomable true' 进行了尝试,但它仅在绑定没有地图的数据时才有效。

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

0 投票
0 回答
269 浏览

reactjs - Kendo React Treeview - 添加新节点时编辑以前的元素

目前我正在使用 Kendo React Treelist 组件,我有一个我自己无法解决的问题。当我添加一个元素时,我们可以在这里看到它内联。问题是,当我想再次创建一个时,在我添加一个之后,实体都进入编辑模式。有/有过类似的问题或有想法吗? 添加元素

在这里我们可以看到,新的正在渲染,但旧的也在渲染。这不应该是这样。 加倍元素

在这里你可以看到我的代码:

命令单元:

0 投票
1 回答
427 浏览

reactjs - Kendo React Treelist - 根据外部下拉选择选择/取消选择复选框列的值

我有一个共享组件 TreeList,如下所示: TreeList.jsx

其中具有从道具访问的值以及在此演示中实现的复选框的方法:https ://www.telerik.com/kendo-react-ui/components/treelist/selection/#toc-customizing-the-选择

现在,选择和取消选择在正常情况下工作正常,但我无法根据外部下拉列表中的值实现这一点。因此,例如,我有一个带有选项 1、选项 2 和选项 3 的外部下拉列表。如果用户选择了选项 1,则上述组件将从我的下拉组件接收其值作为道具,比如说selectedOption,如果我'在树列表中选择了几条记录。现在,如果我将下拉菜单的选择更改为选项 2,我希望取消选中所有复选框。我无法做到这一点。

任何建议都会有所帮助。TIA。

0 投票
0 回答
112 浏览

html - Kendo React Richtext Editor - 在富文本中添加 HTML 代码

我正在尝试构建一个富文本编辑器,我可以在其中从下拉列表中添加“标签”。这就是我现在的位置:https ://stackblitz.com/edit/react-ts-1hlrqt?file=index.tsx

目前这工作正常,当我在下拉列表中选择某些内容时,标签会正确添加到编辑器中。

查看编辑器的 HTML 输出时,标签的 HTML 如下所示:

我的问题是,由于在后端解析,我需要像这样输出添加的标签:

因为在后端解析这些标签。

我尝试<span style='visibility: hidden'>$</span>在每个下拉值周围添加一个文本字符串,但它实际上是在编辑器中打印的,而不仅仅是在输出中。

有谁知道正确的方法是什么?

0 投票
0 回答
85 浏览

jquery - Kendo React Gauges 不随容器调整大小而调整大小

这是我对径向量规的反应代码。我将高度保持为 100%,但当我调整容器大小时,它仍然不会随之调整大小。我正在使用react-grid-layout包来创建可调整大小的小部件。

当我检查 DOM 时,它显示了这一点。我什至瞄准了 div 并添加了样式,但它仍然在 DOM 中显示 280px 和 208px,但在样式部分它显示 100%,但 Gauge 的高度没有改变。

在此处输入图像描述

在此处输入图像描述

当容器像这样调整大小但仪表仍然是相同大小时,还尝试了 Jquery 来调整大小。提前致谢 !!

0 投票
0 回答
466 浏览

reactjs - 使用 KendoReact Upload 组件将文件转换为 base64 和异步状态更新

我正在尝试使用 KendoReact Upload 组件制作可重用的多文件上传组件。我所拥有的是功能性的,但我对 React 还很陌生,所以希望有一种更简洁的方法来实现这一点。

默认情况下,该组件接受上传/删除请求的端点 URL,但 saveUrl/removeUrl 道具也可以采用允许操作上传文件的函数。我正在使用 FileReader 将文件转换为 base64,并在上传文件后采用可用于外部状态更新的函数。

我有以下实现,但感觉很重,因为我需要

  • Kendo 控件使用的文件状态中的 UploadFileInfo 集合
  • 包含要传递的 base64 内容的文件的状态中的 IFileUploadViewModel 集合
  • 用于触发外部状态更新的 useEffect 调用,以确保传递更新的状态
  • saveRequestPromise 和 removeRequestPromise 中的函数状态更新,以保持控制和外部文件集合同步

任何建议,将不胜感激。

0 投票
0 回答
143 浏览

javascript - 如何在 React 中以多步形式将子选项添加到步进器中

我正在尝试构建一个多步骤表单,用户在按下下一步按钮时可以选择步骤。通过添加我想要的设计的屏幕截图,我在这里清楚地说明了这一点。 请参阅我标记整个圆圈的图像。当用户单击继续时,会像这样弹出 sub-steeper

为了实现这一点,我正在尝试使用 Kendo React UI 步进器组件。这是我的代码,

只是帮助在那里实施这些子步骤。提前致谢。