Easyui widow 控件 宽度调整适应不同分辨率

需求: 最近遇到一个问题, window的宽度是固定px的; 代码如下:

<divid="borrowStockDocumentWindow"class="easyui-window"title="借用单编辑"closed="true"icon="icon-edit"resizable="false"

           collapsible="false"minimizable="false"draggable="true"modal="true"style="padding: 5px;height: 535px; width:900px;">

可是有些电脑分辨率只有1024*768; 这设置的width:900px明显不够, 显示的时候会有一段被隐藏掉;更小的分辨率就更加不用说了;

 

解决办法:

/// 载入页面的时候找出这个页面所有window控件,如果比窗口大, 设为最大宽度-50

/// by 226

$(window).load(function() {

$(".window-body").each(function (index, element) {

var opts = $(element).window("options");

if(opts.width > $(window).width()) {

$($(element).siblings()).css("width", $(window).width() - 50);

$(element).parent().css("width", $(window).width() - 50);

$(element).css("width", $(window).width()- 50);

}

});

});

也不算扩展吧. 就是所有当前页面的window载入后都会调用这个方法. 判断宽度是否大于整个窗口的宽度, 大于就调整成窗口宽度再减去一部分(50px);

 

注: 代码中的window只是显示出来的window的一部分; easyui在外面还包了一层<div

自己写的window是这层里面的; 这层里面还有很多和自己写的window并排的<div属性最上面是title栏,

 

 

 

 

 

作者: 张振斌                             时间:2013-5-3                            QQ: 739934487

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页