关于EasyUI datagrid 无法在dialog中显示的问题分析及解决方案!

   最近项目中引用了easyUI,很大程度上的简化了开发过程,但是随之而来的也遇到一些问题,比如:标题中遇到的问题,去网上搜罗了下关于这个问题的解决方案,不是说的很复杂就是干脆文不对题,国外的使用这种稍微过时的UI框架就更少了,于是没办法就自己研究了,没有优化之前的图片大家参考下,数据都有就是无法显示,里面的内容全部不见了;网上很多人的解决方案是:新开一个页面并且使用iframe链接过来,但是我的项目需要在内容中还需要弹窗,因为使用iframe显示后,如果再弹窗就会被父窗口遮挡,这很显然无法满足我的需求;从右图可以看出所有数据表格都是存在的,也没有被隐藏,那到底是怎么回事呢?

 

      后来测试了很多,发现datagrid只要放在div中就会出现这种问题,而我们刚好要使用的dialog需要使用div,查阅了很多资料后发现,放在div中的datagrid会引起样式无法自适应,因此,这样话,我们就需要在datagrid的最后添加$("#控件Id名").datagrid("resize");即可,这句话是重新让表格自适应,测试一下,果然可以了,所以好东西拿上来给大家分享一下,技术的难点希望大家可以多多分享,而不是固步自封,让更多的开发者更好更快的开发。如下图:

 

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