關於EasyUI datagrid 無法在dialog中顯示的問題分析及解決方案!

   最近項目中引用了easyUI,很大程度上的簡化了開發過程,但是隨之而來的也遇到一些問題,比如:標題中遇到的問題,去網上搜羅了下關於這個問題的解決方案,不是說的很複雜就是乾脆文不對題,國外的使用這種稍微過時的UI框架就更少了,於是沒辦法就自己研究了,沒有優化之前的圖片大家參考下,數據都有就是無法顯示,裏面的內容全部不見了;網上很多人的解決方案是:新開一個頁面並且使用iframe鏈接過來,但是我的項目需要在內容中還需要彈窗,因爲使用iframe顯示後,如果再彈窗就會被父窗口遮擋,這很顯然無法滿足我的需求;從右圖可以看出所有數據表格都是存在的,也沒有被隱藏,那到底是怎麼回事呢?

 

      後來測試了很多,發現datagrid只要放在div中就會出現這種問題,而我們剛好要使用的dialog需要使用div,查閱了很多資料後發現,放在div中的datagrid會引起樣式無法自適應,因此,這樣話,我們就需要在datagrid的最後添加$("#控件Id名").datagrid("resize");即可,這句話是重新讓表格自適應,測試一下,果然可以了,所以好東西拿上來給大家分享一下,技術的難點希望大家可以多多分享,而不是固步自封,讓更多的開發者更好更快的開發。如下圖:

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章