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