easyui 浏览器自适应问题

Posted 2023-04-04

如果easyui在浏览器最大化的时候打开,能填充整个浏览器, 但是缩小的时候, 内容并没有跟着缩放填充浏览器, 找了下资料, 貌似用resizable可以解决, 但是不知道代码咋写啊!这resizable又是啥玩意啊?!没见过啊有木有! 求科普啊!~~ 顺便说一下, 我easyui的布局是经常用到的,跟官方demo差不多,有3个region:'north',region:'west',region:'south'就这三个
我补充一下, 这是easyui浏览器填充的问题缩放没错, 但是能不能不要回答一些不靠谱的答案,
easyui肯定是有现成可以用的方法, 我一直没找到,左边菜单栏上的一个按钮可以实现, 就是点击把菜单栏缩小, 然后再将菜单栏打开, easyui就会再一次根据浏览器大小去填充

网上去查查fit属性的使用追问

根本就不行好吧, fit:true 就是填充浏览器, 但这只是当页面被打开的时候根据当前浏览器的长度宽度填充, 根本就不能在浏览器缩放时候起作用,我已经试过在data-options里面添加, 根本一点用都没有

参考技术A 在页面添加onresize 事件，监听页面的尺寸变动，然后计算，重新渲染 参考技术B 其实还不是很明白你的意思？你是缩小的时候，关于页面的内容没有跟着缩放？还是怎样

EasyUI datagrid 自动适应浏览器大小

$(function(){
　　//初始加载，表格宽度自适应
    $(document).ready(function(){
        fitCoulms();
    });
　　//浏览器窗口大小变化后，表格宽度自适应
    $(window).resize(function(){
        fitCoulms();
    });
})

//表格宽度自适应，这里的#dg是datagrid表格生成的div标签
function fitCoulms(){
    $(‘#dg‘).datagrid({
        fitColumns:true
    });
}


https://www.cnblogs.com/baiyangyuanzi/p/6702742.html?utm_source=itdadao&utm_medium=referral