`
wly719
  • 浏览: 290083 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

a maximizable window in grid

 
阅读更多
一个window里面放一个grid,当使用window 的maximizable:true,即将window最大化时,怎么让grid随之也最大化呢?
1:抓住window的maximize事件,将Grid的大小重新设置为window的大小。
2:当window还原时,抓住其restore事件,将grid的大小设置为最大化之前的大小。
WIN.on({
     maximize :function(){
       grid.setSize(WIN.getSize())
     },
     restore :function(){
       grid.setSize(520,300)
      }
});
具体代码如上
分享到:
评论

相关推荐

    EasyUI防止window框拖拽出边界js代码

    maximizable: false, draggable: true, onDrag: function(position) { var win = $(this); var screen = $(window); var winWidth = win.outerWidth(); var winHeight = win.outerHeight(); var left = ...

    ExtJs4.2 Window常用方法

    根据提供的文件信息,本文将详细解释ExtJs 4.2中Window组件的一些常用配置属性以及方法,帮助读者更好地理解和使用这些功能。 ### ExtJs 4.2 Window 组件概述 ExtJs 是一个基于 JavaScript 的开源框架,用于创建...

    第13章 Window(窗口)组件1

    在本章的学习中,我们将深入理解EasyUI中的Window(窗口)组件,这是一个强大的用户界面元素,它基于Panel组件并融合了resizable(调整大小)和draggable(拖动)功能,使得窗口操作更加灵活和直观。Window组件在网页设计...

    estJS window简介

    5. **maximizable** 和 **minimizable**: 控制窗口是否可以最大化和最小化,设置为 true 表示允许。 6. **closeAction**: 指定当用户点击窗口关闭按钮时的行为,可选值有 'close' 和 'hide',前者会销毁窗口对象,后...

    ExtJS Window 最小化的一种方法

    在ExtJS中,Window组件是用于创建浮动窗口的类,它可以提供各种窗口操作,如最大化、最小化和关闭。在标题“ExtJS Window 最小化的一种方法”中,描述了一个问题,即ExtJS的默认配置并没有提供窗口最小化的功能,...

    electron-panel-window

    电子面板窗口该fork或electronic-panel-window 在macOS big sur上工作(已测试)。 注意事项很少。titleBarStyle应该具有值'customButtonsOnHover' 这将在左上方显示两个按钮(以关闭和最大化窗口)。 您可以通过...

    学习ExtJS Window常用方法

    ### ExtJS Window 常用方法详解 #### 一、属性 在开发Web应用程序时,ExtJS 提供了丰富的组件库来帮助开发者快速构建界面。其中 `Ext.window.Window` 是一个非常重要的组件,用于创建弹出窗口。下面详细介绍 `Ext....

    HAPEiD_jb51

    You should use this mode as a last option as the small signatures often tend to occur a lot in many files and so erroneous outputs may result. The scanner's inbuilt scanning techniques have error ...

    HA.PEiD.0.95

    You should use this mode as a last option as the small signatures often tend to occur a lot in many files and so erroneous outputs may result. The scanner's inbuilt scanning techniques have error ...

    EXT窗口Window及对话框MessageBox

    function newWin(){ var win = new Ext.Window({ title:”窗口”+i++, width:400, height:300, maximizable:true }); win.show(); } Ext.onReady( function(){ Ext.get(“btn”).on(“click”,newWin); } ); 页面中...

    ExtJs原生批量上传+实时进度

    extend: 'Ext.window.Window', height: 400, width: 700, title: '文件上传', closeAction: 'hide', maximizable: true, layout: 'fit', uploadParams: null, initComponent: function() { var me = ...

    easyui 1.3.2中文API

    <div id="a" class="easyui-window" style="height:400px;width:400px;"> ``` JS初始化代码如下: ```javascript $("#a").window({}); ``` 窗口的属性包括: - `title`:窗口标题,默认为"New Window"。 - `...

    ext整理的一些知识

    `Window`控件提供了丰富的自定义选项,如禁止拖动(`Draggable=false`)、固定大小(`Resizable=false`)、移除关闭按钮(`Closable=false`)、控制最大化和最小化按钮的显示(`Maximizable`和`Minimizable`)。 ### 13. ...

    EasyUi_中文解析

    * maximizable:当定义时显示最大化面板的按钮,默认 false。 * closable:当定义时显示关闭面板的按钮,默认 false。 * tools:自定义工具栏,每个工具都包含两个属性:iconCls、handler。 * collapsed:当定义时该...

    第14章 Dialog(对话框)组件1

    4. `maximizable`:是否显示最大化按钮,默认为`false`。 5. `resizable`:是否允许用户调整对话框大小,默认为`false`。 6. `toolbar`:对话框顶部的工具栏,可以是一个数组或选择器,每个工具属性与linkbutton组件...

    easyui培训文档

    <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#win').window('close')">Close</a> <td>Name: <td><input class="easyui-textbox" name="name" required="true"> ``` 这...

    jQueryEasyUi培训文档.pdf

    <div id="window" class="easyui-window" data-options="title:'Window Title',collapsible:true,minimizable:true,maximizable:true,resizable:true,modal:true,closed:true,shadow:true"> <h3>This is Window ...

    关于easyui属性的汇总

    - `collapsible`, `minimizable`, `maximizable`, `closable`: 分别控制面板是否可折叠、最小化、最大化和关闭,都默认为false。 - `tools`: 定义自定义工具栏,每个工具都有`iconCls`和`handler`属性,可以实现...

    jquery-easyui-1.4.zip

    - `collapsible`, `minimizable`, `maximizable`, `closable` 控制面板的可折叠、最小化、最大化和关闭功能。 - `tools` 属性允许自定义工具栏,每个工具可以绑定图标和处理函数。 - `href` 可以用来从远程加载...

    Jquery插件 easyUI属性汇总

    `fit` 属性允许面板适应其父容器大小,`border` 控制边框显示,`doSize` 自动调整大小,`collapsible`, `minimizable`, `maximizable`, 和 `closable` 分别控制面板的可折叠、最小化、最大化和关闭功能。`tools` ...

Global site tag (gtag.js) - Google Analytics