Kendo UI目前最新提供KendoUI for jQuery、KendoUI for Angular、KendoUI Support for React和KendoUI Support for Vue四個控件。Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的完整UI庫。

鍵盤導(dǎo)航

Grid通過可導(dǎo)航選項支持其鍵盤導(dǎo)航功能，設(shè)置為true時，您可以首先選擇一個行或單元格，然后使用箭頭鍵在網(wǎng)格內(nèi)移動。不管可選模式是什么，導(dǎo)航都在單元格級別進行。要選擇當(dāng)前行或單元格，請按空格鍵。

下面的示例演示如何在Grid中啟用鍵導(dǎo)航。

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

Grid的鍵盤導(dǎo)航通過偵聽小部件wrapper元素上的keydown事件來工作，它的操作是基于這樣的假設(shè)：用戶所做的任何操作都符合當(dāng)前關(guān)注的Grid單元格，而不符合瀏覽器關(guān)注的元素。如果網(wǎng)格的數(shù)據(jù)單元格包含必須通過鍵盤激活的超鏈接：

• 使用箭頭鍵導(dǎo)航到相應(yīng)的網(wǎng)格單元格。

• 按Enter鍵將超鏈接聚焦到單元格內(nèi)。

• 再次按Enter。

若要將焦點返回到表格單元格，請按Esc。 為了使通過標(biāo)簽無法訪問超鏈接，請將abindex=”-1″屬性設(shè)置為自定義超鏈接。

您也可以避免該過程，并繞過Grid的鍵盤導(dǎo)航，使用制表符訪問自定義超鏈接，然后使用Enter激活它們。 為此，請防止自定義超鏈接的keydown事件冒泡。 因此，網(wǎng)格將不會注意到Enter鍵。