jQuery UI組件庫(kù)Kendo UI for jQuery數(shù)據(jù)管理使用教程：鍵盤(pán)導(dǎo)航

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ù)。

鍵盤(pán)導(dǎo)航

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è)：用戶(hù)所做的任何操作都符合當(dāng)前關(guān)注的Grid單元格，而不符合瀏覽器關(guān)注的元素。如果網(wǎng)格的數(shù)據(jù)單元格包含必須通過(guò)鍵盤(pán)激活的超鏈接：

1. 使用箭頭鍵導(dǎo)航到相應(yīng)的網(wǎng)格單元格。
2. 按Enter鍵將超鏈接聚焦到單元格內(nèi)。
3. 再次按Enter。

若要將焦點(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鍵。

了解最新Kendo UI最新資訊，請(qǐng)關(guān)注Telerik中文網(wǎng)！