问题标签 [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-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 格式?上述格式属性的值似乎不起作用。
reactjs - 使用 KendoReact 以编程方式在字段上显示错误消息
我已经创建了一个服务器端验证系统,我应该将它连接到我使用 KendoRect 制作的应用程序中。
我正在寻找一种方法,例如:
在正确的表单字段中显示红色错误消息。
主意?
spfx - 如何覆盖 Kendo React 样式?
我正在使用 React 开发 SPFx,并且我使用了 Kendo 面板栏 - https://www.telerik.com/kendo-react-ui/components/layout/panelbar/
我想像这样覆盖面板项的标题 CSS-
这在 Stackblitz 上工作时效果很好,但在我的 SPFx 解决方案的 module.scss 文件中却不行。我究竟做错了什么?
reactjs - 具有地图功能的 ChartSeriesItem 的 KendoReact 图表平移问题
<ChartSeriesItem>
通过使用 map 方法生成来寻找 kendoReact PANNABLE 柱形图。但是平移不起作用,而是不断减小列宽以适应浏览器。我试过下面的代码。
通过设置 'pannable true' 和 'zoomable true' 进行了尝试,但它仅在绑定没有地图的数据时才有效。
stackblitz - https://stackblitz.com/edit/react-afgicw?file=app/main.jsx
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。
html - Kendo React Richtext Editor - 在富文本中添加 HTML 代码
我正在尝试构建一个富文本编辑器,我可以在其中从下拉列表中添加“标签”。这就是我现在的位置:https ://stackblitz.com/edit/react-ts-1hlrqt?file=index.tsx
目前这工作正常,当我在下拉列表中选择某些内容时,标签会正确添加到编辑器中。
查看编辑器的 HTML 输出时,标签的 HTML 如下所示:
我的问题是,由于在后端解析,我需要像这样输出添加的标签:
因为在后端解析这些标签。
我尝试<span style='visibility: hidden'>$</span>
在每个下拉值周围添加一个文本字符串,但它实际上是在编辑器中打印的,而不仅仅是在输出中。
有谁知道正确的方法是什么?
reactjs - 使用 KendoReact Upload 组件将文件转换为 base64 和异步状态更新
我正在尝试使用 KendoReact Upload 组件制作可重用的多文件上传组件。我所拥有的是功能性的,但我对 React 还很陌生,所以希望有一种更简洁的方法来实现这一点。
默认情况下,该组件接受上传/删除请求的端点 URL,但 saveUrl/removeUrl 道具也可以采用允许操作上传文件的函数。我正在使用 FileReader 将文件转换为 base64,并在上传文件后采用可用于外部状态更新的函数。
我有以下实现,但感觉很重,因为我需要
- Kendo 控件使用的文件状态中的 UploadFileInfo 集合
- 包含要传递的 base64 内容的文件的状态中的 IFileUploadViewModel 集合
- 用于触发外部状态更新的 useEffect 调用,以确保传递更新的状态
- saveRequestPromise 和 removeRequestPromise 中的函数状态更新,以保持控制和外部文件集合同步
任何建议,将不胜感激。
javascript - 如何在 React 中以多步形式将子选项添加到步进器中
我正在尝试构建一个多步骤表单,用户在按下下一步按钮时可以选择步骤。通过添加我想要的设计的屏幕截图,我在这里清楚地说明了这一点。 请参阅我标记整个圆圈的图像。当用户单击继续时,会像这样弹出 sub-steeper
为了实现这一点,我正在尝试使用 Kendo React UI 步进器组件。这是我的代码,
只是帮助在那里实施这些子步骤。提前致谢。