翻譯|使用教程|編輯:龔雪|2020-09-25 09:30:25.793|閱讀 229 次
概述:Kendo UI jQuery組件擁有廣泛的UI元素和數(shù)據(jù)可視化組件,jQuery開發(fā)人員能快速上手,本文將為大家介紹在使用Kendo UI jQuery的數(shù)據(jù)管理控件時,如何實現(xiàn)鍵盤導(dǎo)航功能。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
Kendo UI for jQuery R2 2020 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是創(chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫。
Grid通過可導(dǎo)航選項支持其鍵盤導(dǎo)航功能,設(shè)置為true時,您可以首先選擇一個行或單元格,然后使用箭頭鍵在網(wǎng)格內(nèi)移動。不管可選模式是什么,導(dǎo)航都在單元格級別進行。 要選擇當前行或單元格,請按空格鍵。
下面的示例演示如何在Grid中啟用鍵導(dǎo)航。
$("#grid").kendoGrid({ navigatable: true // Other configuration. });
Grid的鍵盤導(dǎo)航通過偵聽小部件wrapper元素上的keydown事件來工作,它的操作是基于這樣的假設(shè):用戶所做的任何操作都符合當前關(guān)注的Grid單元格,而不符合瀏覽器關(guān)注的元素。如果網(wǎng)格的數(shù)據(jù)單元格包含必須通過鍵盤激活的超鏈接:
若要將焦點返回到表格單元格,請按Esc。 為了使通過標簽無法訪問超鏈接,請將abindex="-1" 屬性設(shè)置為自定義超鏈接。
您也可以避免該過程,并繞過Grid的鍵盤導(dǎo)航,使用制表符訪問自定義超鏈接,然后使用Enter激活它們。 為此,請防止自定義超鏈接的keydown事件冒泡。 因此,網(wǎng)格將不會注意到Enter鍵。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都網(wǎng)