`
soft_xiang
  • 浏览: 4100 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

easyui中构建窗口时不能自适应窗口的问题

阅读更多
这段时间在看easyui时发现的一个小问题,找了好久才找到问题,记下给自己和大家一个提醒。

环境:easyui-1.3.3

问题:构建如下主页面


拖动浏览器改变大小后,窗口不能根据浏览器自适应窗口大小。造成部分地方乱掉,如下图:




造成的问题是:
有一部分设置了折叠,
<div data-options="region:'east',split:true,collapsed:true,title:'East',boder:true" style="width:100px;padding:10px;">

设置了collapsed:true后就会出现以上的问题
  • 大小: 34.6 KB
  • 大小: 39.7 KB
分享到:
评论
1 楼 李冰枫 2016-03-24  
刚刚发现这个问题了,然后我将中央面板的宽和高设置取消了,改为了fit:true,然后这个问题就没有了~~

相关推荐

    JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法

    在网页开发中,jQuery EasyUI 是一款基于 jQuery 的前端框架,它提供了丰富的组件,包括 Layout、Grid、Form 等,使得构建用户界面变得更加简单。本文主要探讨如何使用 jQuery EasyUI Layout 实现从布局在窗口大小...

    EasyUI布局 高度自适应

    在本文中,我们将深入探讨 EasyUI 中的高度自适应布局(Height Auto-adaptation)及其应用场景。 1. Datagrid 的高度自适应 在 EasyUI 中,Datagrid 是一种常见的表格展示组件,用于显示大量数据。如果页面布局简单...

    EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码

    在本问题中,我们关注的是如何使 EasyUi 的 tabs 组件在 Internet Explorer (IE) 浏览器中实现高度和宽度的自适应,以便于窗口大小变化时,tabs 依然能保持良好的布局。 首先,我们来看一下初始的 HTML 代码结构: ...

    Jquery EasyUI Frame Wanglim V1.0

    Jquery EasyUI Frame Wanglim V1.0是一款专为初学者设计的Web界面框架,它充分利用了EasyUI的功能,实现了页面自适应布局,以及对多种组件的有效整合,如Plan、datagrid、easyui-layout和tree等,大大简化了Web应用...

    EasyUI中文版手册

    它提供了丰富的组件,如布局、菜单、按钮、表单、窗口、表格和树等,极大地简化了网页开发过程中的界面构建工作。这个"EasyUI中文版手册"是针对1.4版本的详细指南,涵盖了该框架的基础知识以及各种组件的使用方法,...

    easyUI easyUI1.4

    5. **响应式布局**:虽然EasyUI 1.4版本发布时,响应式设计还不是主流,但EasyUI的设计理念使得开发者可以通过一定的技巧实现组件在不同设备上的自适应布局。 6. **易用性**:EasyUI的API设计简洁,学习曲线相对较...

    EasyUI API 1.3 中文

    EasyUI 是一个基于 jQuery 的前端框架,主要用于构建用户界面,尤其在开发 Web 应用时提供了丰富的组件和样式。API 1.3 是其一个重要版本,包含了大量的改进和新功能。下面将详细介绍 EasyUI API 1.3 中文版中的核心...

    easyui扩展版本的插件

    在实际使用时,开发者应当确保其项目中使用的EasyUI版本与这个扩展包相匹配,以避免可能出现的兼容性问题。 总结来说,"easyui扩展版本的插件"是一个为EasyUI框架增加更多功能和定制选项的集合,它通过扩展和改进...

    jQuery EasyUI 中文API—Layout(Panel)

    例如,当窗口大小改变时,我们可以调用 `resize()` 方法确保 Layout 自适应新的窗口尺寸。 2. `expandRegion(region)` 和 `collapseRegion(region)`:展开或折叠指定的区域。`region` 参数应设置为 `north`、`south...

    Easyui后台模板资源文件

    - **响应式布局**:很多Easyui组件支持响应式设计,能在不同设备上自适应显示。 - **主题定制**:Easyui提供了多种预定义的主题,同时也支持自定义主题,满足个性化需求。 - **丰富的组件**:包括数据表格、树形控件...

    EasyUi布局示例,适合初学,简单易懂

    EasyUi通过设置百分比宽度,使元素随窗口大小调整而自适应。这对于响应式设计非常有用,确保在不同分辨率的设备上都能保持良好的视觉效果。 4. **浮动布局**:在传统网页设计中,浮动布局是常用的布局技术,通过...

    jquery-easyui-1.8

    这在构建复杂的多面板应用时非常有用。 2. **表单(Form)**:EasyUI 提供了多种表单元素,如输入框(input)、下拉框(combobox)、日期选择器(datebox)等,并且支持数据验证和提交操作。通过设置 `form` 标签的...

    基于jquery-easyui的机电设备管理系统布局新范例

    通过以上知识点的学习和实践,开发者可以利用jQuery EasyUI构建出功能完善、用户体验优良的机电设备管理系统。这个新范例将提供一个直观的实例,帮助我们理解如何巧妙地运用EasyUI来解决实际问题。通过深入研究并...

    easyUI工具

    3. **响应式设计**:EasyUI 支持响应式布局,使得应用在不同设备上(如桌面、平板、手机)都能自适应显示。 4. **数据绑定**:EasyUI 可以与后端数据源进行双向绑定,简化了数据展示和交互逻辑,如表格组件可以轻松...

    JQuery+easyUI实例

    EasyUI是基于jQuery的一个前端开发框架,它提供了一套完整的UI组件,如表格、表单、对话框、菜单、树形结构等,用于快速构建用户界面。EasyUI通过简单的HTML标记和CSS样式,就能实现复杂的功能和美观的界面效果,极...

    jQuery EasyUI 1.5.1 中文API文档(chm、exe、pdf)

    jQuery EasyUI 是一个基于 jQuery 的前端...无论选择哪种格式,jQuery EasyUI 1.5.1 的中文API文档都是开发者学习和调试的宝贵资源,它能帮助你快速理解和应用框架,提升开发效率,构建美观且功能丰富的Web应用程序。

    easyUI

    在描述中提到的 EasyUI 插件,主要包括了窗口(Window)和面板(Panel)这两个主要组件。下面我们将深入探讨这些组件的特性和使用方法。 1. **窗口(Window)**: - `modal` 属性决定窗口是否为模态窗口,设置为 `...

    jquery-easyui-1.5.2

    《jQuery EasyUI 1.5.2:网页开发的强大UI框架》 jQuery EasyUI 是一个基于 jQuery 的轻量级框架,...无论你是初学者还是经验丰富的开发者,这个框架都能为你带来极大的便利,帮助你快速构建出专业且美观的Web应用。

    EasyUI帮助文档

    EasyUI 是一个强大的前端开发框架,它基于 jQuery 并提供了丰富的用户界面组件,极大地简化了网页界面的构建工作。...文档中的实例代码和详细解释有助于理解和应用这些知识点,是学习 EasyUI 不可或缺的资源。

Global site tag (gtag.js) - Google Analytics