-
easyUI中的layout布局问题10
easyUI的layout布局 ，我看了源码demo中的layout.html 默认是展开所有布局的
想问下要怎么修改js可以使得左边的west region 布局默认是隐藏的，有需要才展开它。
demo在附件中的 layout.html
问题补充
我找不到那个初始化的事件，那个js看不懂2011年3月14日 16:29
添加评论
关注(0)6个答案 按时间排序 按投票排序
-
采纳的答案
如果不写js 可以在页面的 <head></head> 中添加也可以
代码如下：
<head>
<script>
function layoutsetting(){
setTimeout(function(){
$('body').layout('collapse','west');
},0);
}
function a()
{
layoutsetting();
}
$(document).ready(a);
</script>
</head>
我最近也遇到过这样的问题 这样解决是没问题的 我现在做的项目也实现了这个功能2011年3月14日 21:36
-
<div data-options="region:'west',collapsed:true" style="width:180px"></div>
2013年12月16日 10:47
-
在javascript 代码中加入下列事件
function layoutsetting(){
setTimeout(function(){
$('body').layout('collapse','west');
},0);
}
function a()
{
layoutsetting();
}
$(document).ready(a);
就可以把west 部分隐藏起来了2011年3月14日 17:25
相关推荐
在 EasyUI 中，框架布局（Layout）是核心功能之一，它允许开发者将页面分割成多个区域，如北（North）、南（South）、东（East）、西（West）和中心（Center），这样可以灵活地组织和管理网页内容。以下是对 EasyUI ...
在 TestProject 中，我们可以创建一个基于 EasyUI Layout 的示例项目，通过设置不同的区域和属性，实现自定义的页面布局。例如，可以创建一个包含侧边栏和主要内容区的布局，侧边栏可以折叠，中心区域展示主要内容...
最近在把以前写的一个项目改成用easyui做前端。过程中遇到了不少问题。其中一个就是datagrid不能很好的布局。...这个时候就应该用 easyui-layout来分隔窗体来使具体的内容放在easyui-layout不同的部分。这样就能很好
在本文中，我们将深入探讨如何使用EasyUI框架来实现简单的页面布局，主要关注Layout和Tabs组件的使用。EasyUI是一个基于jQuery的轻量级前端框架，它提供了丰富的UI组件，帮助开发者快速构建用户界面，而无需过多关注...
在实现布局时，我们需要通过HTML定义布局容器，并使用CSS来调整样式，然后在JavaScript中初始化EasyUI layout，配置各区域的属性。 接着，`EasyUI tab` 组件是用于创建选项卡式界面的，它可以将多个页面或内容组织...
在easyUI中，默认情况下，`layout`面板中的各个区域是静态的，无法在运行时进行动态调整。为了支持动态删除功能，我们可以通过扩展`$.fn.layout.methods`来实现这一需求。 ##### 方法实现 代码中实现了`remove`...
这个问题主要出现在easyui-layout的实现中，当用户尝试折叠某个面板时，其标题和图标未能正确显示，呈现出一片空白。为了解决这个问题，我们可以按照以下步骤进行操作。 首先，我们需要了解问题的根源。在EasyUI的...
在 jQuery EasyUI 中，Layout 是一个强大的组件，用于创建复杂的页面布局。然而，当 Layout 应用于 form 元素时，可能会遇到窗口大小变化时布局不自适应的问题。这是因为 form 元素默认的行为和样式可能会影响到 ...
Layout（布局）是 jQuery EasyUI 中的一个核心组件，它允许我们在网页上创建复杂的布局结构，方便地管理和组织页面内容。在本篇文章中，我们将深入探讨 jQuery EasyUI 中的 Layout（面板布局）及其相关API。 Layout...
这将极大地节省开发者的时间，避免了安装过程中的各种潜在问题，使得开发者能够迅速查找和理解EasyUI的各种方法、属性和事件，从而提高开发效率。 在实际开发中，利用EasyUI的API，开发者可以： - 创建和配置各种...
首先，EasyUI 提供了多种布局模式，如网格布局（grid layout）、面板布局（panel layout）、窗口布局（window layout）等，这些布局方式可以帮助开发者灵活地组织页面元素。在本示例中，很可能是使用了网格布局来...
将EasyUI和zTree完美结合，可以在EasyUI的框架布局中嵌入zTree，实现数据树的展示和交互。例如，可以使用EasyUI的`<div>`标签定义一个区域，然后在这个区域内插入zTree渲染的树形结构。这样，用户可以在框架化的界面...
3. **Layout**：Layout组件是EasyUI中的核心布局工具，它允许将页面划分为北（North）、南（South）、东（East）、西（West）和中心（Center）五个区域。每个区域都可以包含一个或多个Panel，通过调整各区域的大小，...
通过为不同的区域设置相应的布局属性，可以实现多种布局组合，如经典的顶部导航加主体内容的布局，或者侧边栏加主内容区域的布局等。 布局组件EasyUI Layout使用方法详解首先介绍了该组件的基本概念和重要性。对于...
Layout 是EasyUI中的核心组件之一，用于创建复杂的页面布局。本文将详细讨论在使用jQuery EasyUI Layout时遇到的问题以及解决方法。 问题描述： 在尝试使用EasyUI布局时，开发者可能会遇到一个情况，即当 `class=...
在JQueryEasyUI的Layout布局中，页面被划分为多个区域，这些区域可以独立地展示内容，用户可以通过拖动分隔条来调整布局的尺寸，以此达到个性化的需求。 使用JQueryEasyUI Layout布局框架前，需要先引入JQuery库和...
本篇文章将深入探讨jQuery EasyUI 1.5.3的主要特性和使用方法，特别关注下拉列表和Layout布局这两个关键组件。 一、jQuery EasyUI 框架概述 1.1 结构与理念：jQuery EasyUI 是一组基于jQuery的插件集合，它简化了...
2. **组件使用**：详细介绍了每个组件的用法，如`<datagrid>`用于展示数据表格，`<window>`用于弹出窗口，`<layout>`用于页面布局，`<form>`用于创建表单等。每个组件都包含属性、方法和事件，学习如何配置这些参数...
6. **布局管理**：Easyui的layout组件可以实现复杂的页面布局，包括面板（panel）的拖放、伸缩和嵌套，为创建响应式和动态布局提供了便利。 7. **Ajax和异步通信**：Easyui利用jQuery的Ajax功能，可以方便地实现...