数字文本框上缺少数据属性。以类似于TextInput和Checkbox的方式添加它。
import * as React from ' React ';从'react-dom'中导入*作为ReactDOM;从“@progress/kendo-react-inputs”中导入{NumericTextBox, Checkbox, TextBox};const App = () => {<div><标签><文本框测试数据=“5”/>标签><br/><标签><NumericTextBox测试数据=“5”/>标签><br/><标签><复选框测试数据=“5”/>标签>div>);};ReactDOM.render (<应用程序/>document.querySelector (app));
嗨,团队,
在浏览的时候,我发现了一个叫做社交控制+登录+singup的功能。剑道的反应有如下所示吗
出口默认的登录
和profile模板如下:
你好,
我想请求Kendo React Chart缩放功能,以便能够设置缩放级别。
例如,一个公开的API函数将图形的当前缩放级别设置为50%或25%,我可以使用一个按钮。
目前API只支持设置“缩放率”,但我想要一个设置的缩放功能,所以也许我可以在再次加载图表时保存当前的缩放级别。
谢谢!
亲爱的剑道,
我目前正在研究一个启用了虚拟滚动的数据网格。当用户快速滚动时,屏幕会不断闪现白色。见附件视频。
我在文档中提供的示例中看到了相同的行为:https://stackblitz.com/run/?file=app%2Fmain.jsx虽然不那么明显。
我们能做些什么来解决这个问题?
提前感谢。
亲切的问候,
彼得
你好,
我想能够选择所有项目从树视图使用键盘组合,我的意思是像选择一个项目+按下shift键,并选择另一个项目和所有项目之间得到选择。<我mg src="//www.aliitrade.com/feedback/embedded-images/1578177/image/0?h=23211aae7ac53f911588da34925ac30ba50bc1e9ff52d2a2d6fc28b881e043c5" loading="lazy">
环境的细节:
操作系统:Windows11 21H2版本(OS build 22000.856)
Edge浏览器版本:104.0.1293.47
重现步骤:
1.打开代码笔:https://codepen.io/m1mrt/pen/VwXjEzJ页在边缘浏览器。2.运行Axe开发工具3.观察一个选择元素具有可访问名称的问题。
实际结果:选择元素没有可访问的名称。
预期结果:
所有组件都需要一个可访问的名称,理想情况下使用语义元素和属性。在极少数情况下,可能需要使用咏叹调标签或咏叹调标签来更改名称。
截图附件:
当数据网格没有固定的高度设置,并且在父元素(div或body)上启用了溢出/滚动条时,我们需要配置一个拖放数据网格,以支持自动滚动。
根据支持票的详细信息1571735.
你好,
我想要求一个功能的散点线类型图表的十字准线取决于轴捕捉到散点图上的点。
这方面的一个例子是,只显示X轴准星,并让鼠标悬停到最近的点。(不显示点之间的准星,但总是在一个点上。)
我能在剑道反应中找到的最接近的例子是十字准星工具提示的第一个例子的条形图//www.aliitrade.com/kendo-react-ui/components/charts/chart/elements/crosshairs/但经过交谈后支持它不支持散点线图。
但只与类别轴(X轴)。
期望的行为将是上述的,但在散点线图上只使用单独的y轴或x轴准星,并让它们捕捉到点,而不是在点之间徘徊。如果你在点之间悬停,它应该捕捉到离鼠标光标最近的点。
这个沙盒具有这种行为,但只适用于条形图。https://stackblitz.com/edit/react-qnn9h4?file=app%2Fmain.jsx
我们希望有一个类似于其他第三方加载器的包装加载器。
代码应该是这样的:
<加载程序显示= {props.isLoading消息= {}“加载”} ><SomeComponent/>加载程序>
其他解决方案也是可以接受的。要求是加载器位于主组件之上,而不需要渲染或重新定位。
根据输入宽度设置multicolumcombobox列的默认宽度。
为了正确定位多列组合框的弹出框,我们需要每个列有固定的宽度。
目前,我们将每个未从选项中设置宽度的列的默认宽度设置为200px。
我们可以添加第二个选项来获取输入的宽度,减去具有固定宽度的列的宽度,并在其他列之间划分剩余的空间。
作为第一个注意事项,关于如何编写用于' Pager '组件的自定义' messagesMap '函数的文档是极模糊。如果不访问KendoReact源代码,这几乎是不可能的。
第一次请求:onGridProps API页面,“PagerProps”被定义为类型为“null”或“ComponentType
第二个请求(以及大部分的特性请求):请让(至少)与寻呼机相关的常量和默认消息(字符串模板)对消费组件可用。在“@progress/kendo-react-data-tools”的v5.4.0版本中,常量是从{kendo-react-private}/packages/datatools/src/messages/index导出的。它们在' Pager '(及其子组件)中被使用,但不会被重新导出。
没有访问页相关的常量(' pagerInfo ', ' pagerFirstPage ', ' pagerprevioupage ', ' pagerNextPage ', ' pagerLastPage ', ' pagereremperpage ', ' pagerPage ', ' pagerOf '和' pagerTotalPages ')意味着它是一个完全在黑暗中拍摄看看如何编写一个重写函数来作为“messagesMap”道具提供。不仅如此,还不能访问寻呼机相关的默认消息(字符串模板)和鉴于' Pager '的' render '方法的编写方式,我们无法仅更改一个或几个消息;我们必须解决这九个问题。
现在在v5.4.0中,' Pager '的' render '方法的编写方式,它只是检查' messagesMap '是否为非空(Pager的第214行到223行)。tsx, PagerInput的第38-43行。tsx和pagerpagesize .tsx的第36和37行)。这意味着如果我们传入一个messagesMap的自定义函数,这个自定义函数将被用来计算' pagerFirstPage ', ' pagerprevioupage ', ' pagerNextPage ', ' pagerLastPage ', ' pagerInfo ', ' pagerPage ', ' pagerOf ', ' pagerTotalPages '和' pageremperpage '的消息/字符串模板(就在前面提到的三个文件中)。这意味着我们必须以某种方式知道' pagerInfo ',例如,将作为字符串“page .info”传递给自定义函数,或者' pagerPage '将作为“pager”传递给自定义函数。Page”,以便自定义函数知道哪一个' messageKey '它被传递,所以它可以发送对象与适当的消息/字符串模板作为对象的' defaultMessage '属性。
相反,如果公开寻呼机相关的常量和默认消息,我们可以很容易地编写一个自定义的' messagesMap '函数,该函数可以处理9个默认消息中的任意数量。
例如,Telerik/Kendo的' pagerInfo '的默认字符串模板是"{0}- {1}of{2}项",这可以更好地限定为网格显示的数据类型。假设网格显示产品,我们希望寻呼机在右下角显示“显示产品5 - 10的302”。如果公开了寻呼机相关的常量和消息,则这将变成非常简单的任务,同时不干扰所有其他Telerik/Kendo默认消息:
进口反应从“反应”;进口{网格,GridColumn,GridNoRecords,GridColumnMenuFilter}从“@progress / kendo-react-grid”;进口{pagerInfo, pagerOf, messages作为defaultPagerMessages,寻呼机}从“@progress / kendo-react-data-tools”;出口默认的函数MyComponent() {常量customMessagesMap= messageKey => {开关(messageKey) {情况下pagerInfo:返回{messageKey,defaultMessage:“显示产品{0}-{2}的{1}”};默认的:返回{messageKey,defaultMessage: defaultPagerMessages[messageKey]};}};常量CustomPager= () => (<寻呼机跳过={…}取={…}总计={…}buttonCount={…}类型=“数字”信息={真的}页大小={[…]}messagesMap={customMessagesMap});返回(<div类名称=“组件”><网格数据={[…]}寻呼机={CustomPager}><GridColumn…/>网格>div>);};
允许Grid在不重新安装整个组件的情况下更新其数据,因此过滤菜单的当前选择将被持久化。
我们有数据不断更新的场景,如果在按下“filter”按钮之前更新网格,则过滤器选择将丢失。
测试环境:
操作系统: Windows_11浏览器:版本103.0.1264.71(官方版本)(64位)
前提步骤:
1.进入系统设置。
2.导航到“可访问性”并激活它。
3.导航到“对比主题”并激活它。
4.在组合框中选择“沙漠/水生”高对比度主题。
重现步骤:
1.打开给定URLhttps://canvasjs.com/docs/charts/chart-options/axisx/viewport-minimum/在边缘。
2.图形页面将打开。
3.打开高对比度主题。
4.验证图形是否适应高对比度的水生和沙漠模式。
实际的行为:
图形不适应高对比度的水生和沙漠模式。它们与正常模式下保持相同。
期望的行为:
图形应该适应高对比度的水生和沙漠模式的定义。各要素应适当适应各自的模式。
测试环境:
操作系统: Windows_11屏幕阅读器:改良式(2021.3)
重现步骤:
1.打开网址:SMB调度程序(agentcalendardevone.azurewebsites.net)页在边缘浏览器。
7.注意在按钮控件上定义了不正确的角色“link”。
实际的行为:
不正确的角色'link'是在'Calendar'弹出窗口上的按钮控件上定义的。
期望的行为:
在本例中,期望的角色是{button}。所有组件都需要一个合适的角色属性,最好带有语义。在极少数情况下,应该添加角色属性,以便为辅助技术提供完整的上下文和信息。通过阅读何时使用aria角色和html/aria角色映射来了解更多信息。
你好,
我喜欢这个功能https://docs.telerik.com/kendo-ui/knowledge-base/add-event-programatically?_ga=2.240140043.929456162.1660247660-2049658922.1660247660在KendoReact中可用。
1.我需要能够打开“创建一个新的约会对话框”从调度程序编程。
2.此外,以编程方式打开现有事件也是必需的。
#2的用例是,我可以直接从链接打开一个事件(例如,使用查询参数与eventId,将其加载到调度程序,然后打开编辑对话框;所有编程)。
谢谢!
目前,当在平板电脑/移动设备上查看调度时间表视图时,为了来回滚动时间表,您需要拖动时间轴的空白部分。如果在事件上开始拖动,则无法滚动。
是否有可能这样做,如果编辑被禁用,拖动事件将滚动时间轴?