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

reactjs - kendo-react-ui 中的容器、行、列

我正在为我的反应项目使用 kendo-react-ui 中的组件。我正在尝试使用 Container、Row、Cols 等 Layout 属性使其具有响应性,就像我们在 bootstrap 4 中所做的那样。请在下面找到我的代码:

上面的代码占据了整行。我正在使用剑道主题材料。谁能让我知道如何在 kendo-react-ui 中实现这一目标?

谢谢

0 投票
1 回答
582 浏览

reactjs - kendo-react-ui 输入错误的 Redux 表单包装器

我正在使用 react-kendo-ui。我想包装来自@progress/kendo-react-inputs 的输入以将其与 ReduxForm 一起使用。请在下面找到我的代码:

从另一个组件调用 InputText,如下所示:

但是在输入文本中输入时,它会不断给出以下错误/警告:

在此处输入图像描述

在输入文本中键入时会自动输出[object Object]。请检查上面的图片。任何人都可以让我知道导致错误的原因。

谢谢

0 投票
1 回答
1380 浏览

javascript - 双击 Kendo Grid 行的 React 组件

我正在使用 React Grid 组件,我正在寻找一种在双击一行时触发函数的方法。

我找到了一个rowClick函数,现在可以使用它来选择一行或处理 onClick 事件:<Grid rowClick={e => yourFunction(e)}>。但是没有处理 doubleClick 事件的函数。

这是我的方法,我将一个onDoubleClick()函数作为道具传递给我的组件,并将它与每一行的监听器doubleClick绑定:componentDidMount

目前这可行,但我无法将点击的行数据传递给我的函数。是否有任何技巧可以使用元素检索行的数据?例如: onDoubleClick(kendo.data.DataSource(rows[i])) => 将 json 数据返回给函数。

0 投票
1 回答
440 浏览

reactjs - Kendo React Grid 宽度为 0

我在我的项目中使用剑道反应。在 datagrid 组件中,具有“k-grid-table”类宽度的表为 0!问题出在哪里 ?

如下

0 投票
0 回答
1055 浏览

javascript - Kendo Grid React Js Wrapper 组件内的下拉菜单

在使用 React Js Wrapper 组件创建内联可编辑 Kendo Grid 时,我知道您他们尚不支持模板。他们在他们的网站上声明了同样的内容:

模板仅支持“字符串”形式。不支持 React 组件形式的模板。

有没有办法与 Kendo React Wrapper Grid 组件一起做到这一点?下面是我的代码片段:

0 投票
1 回答
826 浏览

kendo-ui - Kendo UI React Dropdown 悬停颜色

我想更改剑道下拉菜单中的悬停红色,如下面的屏幕截图所示。谁能告诉我在哪个文件中以及相同的css类名是什么。

在此处输入图像描述

0 投票
1 回答
1693 浏览

reactjs - Kendo DataSource 从使用 Axios 获取数据的 Async/await 方法中读取

ReactTypeScript一起使用

请有人提供一个示例,说明我如何能够使用 Kendo DataSource 从内部使用 Axios 为 JSON 数据生成外部 API 的方法中读取数据..?我一定已经尝试过 20 个不同版本的代码尝试不同的方法,似乎没有什么适合...

我目前要做的就是提供一个带有 {id: number, name: string} 数组的 Kendo ComboBox

目前非常基本的东西,但我稍后必须使用类似的方法与处理服务器端排序和分页的 Kendo Grid 一起使用,所以我想现在让它工作,那么以后应该会更容易一些。 ..

我想使用 Axios 的原因是因为我编写了一个 api.ts 文件,该文件在获取和帖子等上附加了适当的标题,并且还很好地处理了错误(即当身份验证被拒绝时等......)

我正在尝试但不起作用的一个基本示例是:-

请问有人对此有什么想法吗?:)

0 投票
1 回答
168 浏览

reactjs - Kendo React Bootstrap Datepicker 年份不可点击

我在 React Bootstrap 中使用 Kendo DatePicker 控件。它似乎工作正常,但是当我尝试更改年份时它不起作用。我正在使用 React 16+ 和 Bootstrap 3.3。

下面是相同的截图

在此处输入图像描述

0 投票
2 回答
28358 浏览

javascript - 为 React 组件分配 ID

我们有一个 React Grid 组件,我们需要为所有 Grid 组件分配 Id。有什么建议我们该怎么做?组件片段如下所示:

0 投票
0 回答
393 浏览

javascript - kendo-react-ui :菜单未在 Select 事件中传递所选项目,有时在加载时抛出异常

我几乎放弃了使用Menureact 组件和 react-wrapper 的类。

  1. Menu使用 2 个嵌套menuItems使用渲染简单@kendo-react-layout并出现以下错误。

未捕获的错误:MenuItemInternal.render():必须返回有效的 React 元素(或 null)。您可能返回了未定义、数组或其他一些无效对象。在 Invariant (invariant.js?4599:42) 在 ReactCompositeComponentWrapper._renderValidatedComponent (ReactCompositeComponent.js?d2b3:828) 在 ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js?d2b3:359) 在 ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js?d2b3:255)在 Object.mountComponent (ReactReconciler.js?399b:43) 在 ReactDOMComponent.mountChildren (ReactMultiChild.js?9682:234) 在 ReactDOMComponent._createInitialChildren (ReactDOMComponent.js?ab8a:701) 在 ReactDOMComponent.mountComponent (ReactDOMComponent.js?ab8a: 520) 在对象处。

  1. 在此之前,我一直在尝试使用 jQuery 包装器的菜单,即@kendo-layout-react-wrapper. 然而,它渲染得很好,没有在选择事件对象中传递实际选定的项目,它必须通过 jQuery 获取。有时li项目不添加样式/css 类,因此很难使用 jQuery 获取选定的 menuItem。

有什么建议么?