需求: 最近遇到一个问题, 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