`
pipashu
  • 浏览: 1773 次
  • 来自: ...
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

如何截获Extjs通过边框来调整窗口大小的事件?

EXT 
阅读更多
构造左右两个部分的一个界面,我希望在左边放入一个IFrame,为了使IFrame自适应拖动后窗口的大小,需要截获左右窗口大小调整事件(鼠标拖动当中的边框),我花了半天多时间,查了好多资料,到现在还没有任何头绪。谁能有什么思路,快帮帮忙啊,万分谢谢,万分谢谢。

{
layout:"border",
items:[{
    region:"center"
  },{
    region:"west",
    title:"左边",
    width:200,
    split:true,
    collapsible:true,
    hlDrop:true
  }]
}
分享到:
评论
1 楼 liubiqu 2008-04-02  
我感觉你是用ViewReport对象吧,你可以这样写
假如 var myForm = new Ext.ViewReport{...}
myForm.on("move",myMoveEvent);

然后你实现一下这个myMoveEvent函数如
function myMoveEvent(objForm,x,y)
{

}
move事件的参数如下所示(看API)
move : ( Ext.Component this, Number x, Number y )
Fires after the component is moved.
Fires after the component is moved.
Listeners will be called with the following arguments:

this : Ext.Component
x : Number
The new x position
y : Number
The new y position

相关推荐

    ExtJs5 去掉textfield边框

    总结来说,去掉ExtJs5中的`textfield`边框主要涉及配置`textfield`的`fieldStyle`、`inputWrapCls`和`triggerWrapCls`属性,并通过对应的CSS类去除边框样式。这种方法可以灵活地控制`textfield`的外观,以满足各种...

    EXTJS 样式 修正 css 可以调整extjs里面的字体大小

    EXTJS 样式 extjs字体大小 可以轻松在这个CSS文件里面调整EXTJS插件的字体大小,对这个有需求的同志们有福了!

    ExtJS改变默认字体大小的几种方式

    总的来说,调整ExtJS的默认字体大小需要综合考虑样式文件的全局修改、浏览器兼容性和组件特异性。在进行修改时,应始终注意测试各种浏览器和设备上的显示效果,以确保界面的一致性和用户体验。同时,保持对CSS样式的...

    Extjs使用Window最小化窗口

    在EXTJS中,Window组件并不直接支持最小化功能,但可以通过自定义事件监听和处理来实现这一功能。描述中的"实现最下化功能"实际上是指让Window组件可以像操作系统中的窗口那样被最小化到任务栏或某个特定区域。 要...

    EXTJS4.2浮动侧边框

    - 在实际开发中,可以通过监听鼠标事件来控制窗口的显示与隐藏。这里使用了`mousemove`事件来监测鼠标的位置。 - 定义了两个计数器`showCount`和`hideCount`,用于防止窗口在短时间内频繁显示或隐藏。 - 当鼠标...

    ExtJS4 上传文件类型和大小的判断方法(实例)

    对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法(实例) 》:http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。

    Extjs自动最大化panel

    总之,EXTJS的自动最大化Panel技术提供了一种灵活的方式来创建响应式和动态调整的用户界面,这在开发高质量的Web应用时是非常重要的。通过熟练掌握这一技巧,开发者可以构建出更加适应用户需求的交互式应用。

    extjs tree 节点 链接 新窗口

    `WebInvokeTreeLoader`通常用于AJAX请求,你可以通过监听`beforeload`事件来设置请求参数,这样可以在加载数据前动态调整请求的参数。例如: ```javascript treeLoader.on('beforeload', function(loader, node) { ...

    Extjs,解决双重边框问题

    在使用Extjs开发Web应用程序时,经常会遇到组件边框处理的问题,特别是当多个组件嵌套在一起时,可能会出现双重边框的情况,这在视觉上可能并不理想。本文以标题"Extjs,解决双重边框问题"和描述为例,探讨如何在...

    extjs3 window窗口修改完退出提示是否保存

    在EXTJS3中,开发Web应用时经常需要创建可弹出的窗口(Window)来处理用户的交互操作,例如编辑、查看或确认等。本话题主要关注如何在EXTJS3的Window组件中实现一个功能:当用户在窗口内修改了数据后,关闭窗口时...

    解决extjs grid 不随窗口大小自适应的改变问题

    在事件处理函数中,通过`grid1.getView().refresh()`来刷新Grid的视图,使其随窗口的大小变化而自动调整。 ### 4. 注意事项 - 在使用`Ext.EventManager.onWindowResize`方法时,确保为每一个Grid组件绑定窗口大小...

    EXTJS弹出窗口

    EXTJS 点击按钮弹出窗体 可根据实际需求更改

    ExtJS获取字段宽度顺序调整后的状态

    这可以通过使用`columnWidth`配置项或`width`属性结合窗口的resize事件来实现。 7. **状态持久化**:为了使用户设置的宽度和顺序状态在页面刷新或关闭后仍能保留,可以利用浏览器的本地存储(localStorage)或...

    Extjs源码之--Ext事件机制/继承关系

    EXTJS使用事件总线(Event Bus)来处理跨组件的事件通信。事件总线是EventManager的一个实例,它允许不同组件之间的事件传递。 在深入EXTJS源码时,理解EventManager.js的工作原理对于优化应用性能和解决事件相关...

    Extjs 重写Panel添加click事件

    当涉及到事件监听时,我们可以利用Ext JS的事件系统来实现。 点击事件(click event)是用户与UI交互的常见行为,常用于触发某些操作。在Ext JS中,我们可以为任何具有DOM元素的组件添加click事件监听器。对于Panel...

    Extjs 聊天窗口 -续2 - http长连接的实现

    标题中的“Extjs 聊天窗口 -续2 - http长连接的实现”指的是一个关于使用Extjs构建聊天窗口,并且实现HTTP长连接的技术分享。Extjs是一个流行的JavaScript框架,常用于开发富客户端应用程序,而HTTP长连接是解决传统...

    extjs4类似win下的窗口拖动效果

    这个功能在ExtJS4中可以通过其组件系统和事件处理机制轻松实现。 在ExtJS4中,我们可以创建一个窗体(Window)组件,并通过配置或代码实现拖动功能。窗体(Window)是ExtJS中的浮动容器,它可以自由地在页面上移动...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    3. **布局管理**:框架内置了多种布局方式,如Fit布局、Border布局、Table布局等,用于自动调整组件的大小和位置,适应不同的屏幕尺寸和窗口大小。 4. **Ajax支持**:通过Ext.Ajax对象,开发者可以轻松地进行异步...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS的`Ext.draw.Container`类可以用来创建这样一个画布,支持拖放操作,允许用户放置和调整工作流元素的位置。 3. **连接线**:工作流元素之间通常需要通过连接线表示流程流转。ExtJS提供了绘图API,可以用来绘制...

    EXTJS讲解个人项目经历

    EXTJS提供了多种布局模式,如Fit、Border、Form、Table等,用于控制组件在容器中的排列和大小调整。 10. **数据绑定**: EXTJS支持数据绑定,能够轻松地将UI组件与后台数据源连接,实现数据的实时更新。 11. **...

Global site tag (gtag.js) - Google Analytics