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


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

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

  • 相关阅读:
    OpenEuler下OpenSSL的安装
    《Unix/Linux系统编程》第四章学习笔记
    缓冲区溢出实验
    2.3.1测试
    鲲鹏服务器测试
    第六章学习笔记(20191213兰毅达)
    第五章学习笔记(20191213兰毅达)
    stat命令的实现-mysate(20191213兰毅达)
    反汇编测试(20191213兰毅达)
    OpenEuler树莓派基础实验
  • 原文地址:https://www.cnblogs.com/BarryJames/p/9565447.html
Copyright © 2020-2023  润新知