Kendo UI常用示例匯總(七)
Kendo UI Professional 提供開源和商業(yè)兩個(gè)版本。開源版 Kendo UI Core,有40+個(gè)框架和組件;商業(yè)版整合了之前的Kendo UI Web、Kendo UI Mobile 和 Kendo UI DataViz ,一共有70+個(gè)框架和組件。作為Kendo UI的升級(jí)版,Kendo UI Professional既可以開發(fā)網(wǎng)頁版應(yīng)用程序,也可以開發(fā)移動(dòng)版應(yīng)用程序,并且在性能上也有顯著的優(yōu)化和提升。
Kendo UI Professional示例三十四:行模板
本示例演示了在數(shù)據(jù)網(wǎng)格中如何使用從其基礎(chǔ)數(shù)據(jù)源中綁定的圖像和屬性來為行指定自定義的布局。另附源代碼供大家參考!
Kendo UI Professional示例三十五:詳細(xì)信息模板
本示例主要演示了當(dāng)實(shí)現(xiàn)分級(jí)表格演示時(shí)如何使用Kendo UI grid的詳細(xì)信息模板功能。另附源代碼供大家參考!
Kendo UI Professional示例三十六:多列標(biāo)頭
Kendo UI grid通過合并內(nèi)部列結(jié)構(gòu)并指定列組來支持多列標(biāo)頭。另附源代碼供大家參考!
Kendo UI Professional示例三十七:列的重新排序
用戶可以通過簡(jiǎn)單的配置設(shè)置啟用Kendo UI grid的重新排序列功能,只需將reorderable屬性設(shè)置為true。另附源代碼供大家參考!
Kendo UI Professional示例三十八:重新調(diào)整列的大小
用戶可以通過簡(jiǎn)單的配置設(shè)置啟用Kendo UI grid的重新調(diào)整列大小的功能,只需將resizable屬性設(shè)置為true。另附源代碼供大家參考!
Kendo UI Professional示例三十九:列菜單
Kendo UI grid已經(jīng)內(nèi)置支持這樣的功能,可以通過一個(gè)單一的配置來啟用菜單功能,即columnMenu= TRUE。另附源代碼供大家參考!
Kendo UI Professional示例四十:外鍵列
在本示例主要為大家演示了如何在Kendo UI grid中實(shí)現(xiàn)外鍵列,并為數(shù)據(jù)編輯托管下拉列表編輯器。另附源代碼供大家參考!
Kendo UI Professional示例四十一:自定義命令
本示例演示了如何在Kendo UI grid中實(shí)現(xiàn)自定義處理記錄的命令。另附源代碼供大家參考!
Kendo UI Professional示例四十二:事件
本示例演示了如何攔截變化事件、數(shù)據(jù)綁定事件以及當(dāng)這些事件被觸發(fā)時(shí)網(wǎng)格控制臺(tái)中輸出信息的數(shù)據(jù)綁定事件。另附源代碼供大家參考!
Kendo UI Professional示例四十三:API
Kendo UI grid公開了豐富的API和事件,在此示例中,我們主要演示如何收集用戶輸入的數(shù)值。另附源代碼供大家參考!