9月我們正式迎來了Kendo UI for jQuery R3 2021新版！在我們的新版中，添加了高度需求的組件，如 OrgChart、Heatmap、Popover 和 Captcha，以及現(xiàn)有組件中的各種功能，同時(shí)還發(fā)布了全新的UI Kit for Figma組件！接下來，跟我們一起了解一下這些功能吧！

Kendo UI for jQuery R3 2021最新版下載

支持jQuery 3.6.0

首先，R3 2021 Kendo UI for jQuery官方正式支持jQuery 3.6.0，這沒有什么特別需要說明的，如果您想使用最新的jQuery，趕緊下載這個(gè)版本吧！

支持Bootstrap 5

另一個(gè)影響整個(gè)Kendo UI for jQuery庫的項(xiàng)目是對(duì)Bootstrap v5的支持，借助R3 2021，jQuery 開發(fā)人員可以更新他們的應(yīng)用程序來利用最新版本的Bootstrap。

更新文檔和演示中的主題選擇器

當(dāng)您瀏覽Kendo UI for jQuery demo時(shí)，注意到似乎在主題選擇器下拉列表中添加了十幾個(gè)主題，這是R3 2021的新內(nèi)容！

雖然 Kendo UI 仍然支持相同的三個(gè)主題（默認(rèn)、Material 和 Bootstrap），但新的主題選擇器顯示了由 Kendo UI 前端工程師設(shè)計(jì)的各種顏色變化，稱為“色板”。 這讓任何瀏覽Kendo UI for jQuery demo的人都可以通過一些 Sass 變量調(diào)整快速了解 Kendo UI 主題的可能性。

Kendo UI Kit套件

R3 2021另一個(gè)比較重要的亮點(diǎn)是正式發(fā)布了全新的Kendo UI Kit套件！該套件擁有30+個(gè)Kendo UI for jQuery組件，可在Figma 中使用它們來設(shè)計(jì)豐富的界面，以交給開發(fā)人員來實(shí)現(xiàn)。 借助 Kendo UI 套件中提供的工件，設(shè)計(jì)人員擁有大量自定義選項(xiàng)以確保任何設(shè)計(jì)都可以應(yīng)用于 Kendo UI 組件。

全新的jQuery組件

新組件 - OrgChart

在R3 2021中提到的第一個(gè)組件是新的jQuery OrgChart組件，這是一個(gè)備受期待且要求很高的新 UI 組件，它允許開發(fā)人員在單個(gè)組件中表示其組織的層次結(jié)構(gòu)。

OrgChart 中的每個(gè)節(jié)點(diǎn)代表一個(gè)人，每個(gè)人都可以向另一個(gè)人報(bào)告或讓其他人向他報(bào)告。當(dāng)然，團(tuán)隊(duì)也可以表示為向某人報(bào)告的一組人。

新組件 - 驗(yàn)證碼

在R3 2021中添加的另一個(gè)巨大的jQuery UI組件是新的jQuery Captcha組件，這個(gè)新組件讓 jQuery 開發(fā)人員可以通過非常簡(jiǎn)單的配置為其應(yīng)用程序添加一定級(jí)別的安全性。

Kendo UI for jQuery在此版本中帶來的獨(dú)特之處是服務(wù)器端幫助程序，它與客戶端 jQuery 組件結(jié)合使用。 這是因?yàn)閾碛屑兓?JavaScript 的 Captcha 組件實(shí)際上可以很容易地繞過，因此需要某種服務(wù)器端驗(yàn)證。

新組件 - 彈出框

Kendo UI for jQuery一直在尋找適合桌面、移動(dòng)和響應(yīng)式Web應(yīng)用程序的UI組件，這就是新的jQuery Popover組件的原因。

Popover負(fù)責(zé)顯示可以在與其他HTML元素交互時(shí)顯示的附加內(nèi)容，雖然它與工具提示有共同之處，但 Popover 將這種交互提升到了一個(gè)新的水平，并允許開發(fā)人員為其內(nèi)容添加更長(zhǎng)、更復(fù)雜的布局。 如上圖所示，Popover 廣泛用于現(xiàn)代日程安排和日歷應(yīng)用程序，如 Google 或 Outlook 日歷。

新組件 - 熱圖

Kendo UI for jQuery 中的最后一個(gè)新 UI 組件是熱圖。 今天，熱圖最廣為人知的用途可能是 GitHub 貢獻(xiàn)圖表，但是像 jQuery 熱圖這樣的數(shù)據(jù)可視化元素還有很多用途。 jQuery Heatmap 也稱為“集群熱圖”，適用于可視化二維值的大小。

Kendo UI for jQuery | 下載試用

Kendo UI for jQuery提供了在短時(shí)間內(nèi)構(gòu)建現(xiàn)代Web應(yīng)用程序所需的一切，從眾多UI子控件中選擇，并將它們組合起來，創(chuàng)建酷炫響應(yīng)式的應(yīng)用程序，同時(shí)能最大限度的加快開發(fā)時(shí)間。