翻譯|使用教程|編輯:龔雪|2020-09-10 10:32:14.540|閱讀 177 次
概述:Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫,本文將為大家介紹如何隱藏容器。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(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四個控件。Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫。
如果在隱藏的容器內(nèi)初始化Grid,則Grid可能無法正確調(diào)整其布局。
例如,當(dāng)您應(yīng)用滾動、虛擬滾動或鎖定的列并在隱藏容器中初始化Grid時,將無法正確調(diào)整其垂直布局,因為JavaScript尺寸計算不適用于display:none樣式的元素。
如果出現(xiàn)以下任何情況,則可以確定網(wǎng)格是在隱藏狀態(tài)下初始化的:
若要處理與隱藏容器內(nèi)的網(wǎng)格初始化有關(guān)的操作,請選擇以下任意一種方法:
1. 延遲Grid的初始化或更改各種Kendo UI窗口小部件的初始化順序,以便在其元素可見后初始化Grid。
2. 小部件可見后,執(zhí)行Grid的resize方法。
3. 替代其配置中的網(wǎng)格設(shè)置整體高度,而僅可滾動數(shù)據(jù)區(qū)域定義高度。在這種情況下,不進行高度計算。 僅當(dāng)不使用凍結(jié)列和虛擬滾動時,此方法才適用。
#GridID .k-grid-content { height: 270px; }
4. 獲取數(shù)據(jù)源,替代resize()方法。如果啟用了虛擬滾動并且Kendo UI版本低于2014.3.1119,則此方法適用。
$("#GridID").data("kendoGrid").dataSource.fetch();
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都網(wǎng)