Easyui widow 控件 宽度调整适应不同分辨率
来源:互联网 发布:mac cad中文版下载 编辑:程序博客网 时间:2024/06/05 04:51
需求: 最近遇到一个问题, 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
- Easyui widow 控件 宽度调整适应不同分辨率
- 在WEB页面中根据分辨率自动调整内容宽度,以适应表格宽度
- 浏览器适应不同分辨率
- C#适应不同分辨率
- android 布局适应不同分辨率
- cocos2d-x 适应不同分辨率 .
- VC++对话框适应不同分辨率
- 网页 如何适应不同分辨率
- android 不同分辨率,屏幕适应
- 网页适应不同的分辨率
- 按分辨率不同调整对话框大小以及控件大小
- 窗体控件位置适应分辨率
- Easyui 让DataGrid适应浏览器宽度
- 在Activity中动态设置控件或布局的宽高适应不同分辨率
- 不同分辨率调整div高度
- Cocos2d-x 3调整分辨率及分辨率适应屏幕
- 使form适应不同的显示分辨率
- 网页适应不同 浏览器和分辨率
- Java中易混淆
- Mysql日期类型大小比较
- Android开发之旅:环境搭建及HelloWorld
- android内核处理机制
- 协方差矩阵之主成分分析
- Easyui widow 控件 宽度调整适应不同分辨率
- SOCKET常用函数简介
- [Linux/Ubuntu] vi/vim 使用方法讲解
- 职业态度
- Android操作系统安全
- linux socket网络编程 常用函数及头文件
- 计算机开机过程笔记
- 大四写的Linux网络模块
- 单元测试(1)--对xml进行对比