最近項目中引用了easyUI,很大程度上的簡化了開發過程,但是隨之而來的也遇到一些問題,比如:標題中遇到的問題,去網上搜羅了下關於這個問題的解決方案,不是說的很復雜就是干脆文不對題,國外的使用這種稍微過時的UI框架就更少了,於是沒辦法就自己研究了,沒有優化之前的圖片大家參考下,數據都有就是無法顯示,里面的內容全部不見了;網上很多人的解決方案是:新開一個頁面並且使用iframe鏈接過來,但是我的項目需要在內容中還需要彈窗,因為使用iframe顯示后,如果再彈窗就會被父窗口遮擋,這很顯然無法滿足我的需求;從右圖可以看出所有數據表格都是存在的,也沒有被隱藏,那到底是怎么回事呢?
后來測試了很多,發現datagrid只要放在div中就會出現這種問題,而我們剛好要使用的dialog需要使用div,查閱了很多資料后發現,放在div中的datagrid會引起樣式無法自適應,因此,這樣話,我們就需要在datagrid的最后添加$("#控件Id名").datagrid("resize");即可,這句話是重新讓表格自適應,測試一下,果然可以了,所以好東西拿上來給大家分享一下,技術的難點希望大家可以多多分享,而不是固步自封,讓更多的開發者更好更快的開發。如下圖: