900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Web界面开发工具——Kendo UI轻松实现网格键盘导航

Web界面开发工具——Kendo UI轻松实现网格键盘导航

时间:2023-04-02 07:07:43

相关推荐

Web界面开发工具——Kendo UI轻松实现网格键盘导航

Kendo UI for jQuery R2 SP1试用版下载

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。

键盘导航

Grid通过可导航选项支持其键盘导航功能,设置为true时,您可以首先选择一个行或单元格,然后使用箭头键在网格内移动。不管可选模式是什么,导航都在单元格级别进行。 要选择当前行或单元格,请按空格键。

下面的示例演示如何在Grid中启用键导航。

$("#grid").kendoGrid({navigatable: true// Other configuration.});

Grid的键盘导航通过侦听小部件wrapper元素上的keydown事件来工作,它的操作是基于这样的假设:用户所做的任何操作都符合当前关注的Grid单元格,而不符合浏览器关注的元素。如果网格的数据单元格包含必须通过键盘激活的超链接:

使用箭头键导航到相应的网格单元格。按Enter键将超链接聚焦到单元格内。再次按Enter。

若要将焦点返回到表格单元格,请按Esc。 为了使通过标签无法访问超链接,请将abindex="-1" 属性设置为自定义超链接。

您也可以避免该过程,并绕过Grid的键盘导航,使用制表符访问自定义超链接,然后使用Enter激活它们。 为此,请防止自定义超链接的keydown事件冒泡。 因此,网格将不会注意到Enter键。

了解最新Kendo UI最新资讯,请关注Telerik中文网!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。