首先看下普通的窗口:
function newWin() { var win=new Ext.Window({title:"窗口", width:400, height:300, maximizable:true}); win.show(); }
这样就是一个简单的窗口,里面不含任务内容。可以让它请求一个页面:
var win;
function newWin(value) {
// 如果窗口存在,显示
win = Ext.getCmp("win");
if (win) {
win.show();
win.load({
url : "../TeacherDispatchAction.do?method=courseDetail",
params : {
couId : value,
subMainId : "tab-" + value + "-main"
}
});
} else {
win = new Ext.Window({
title : "课程信息",
id : 'win',
width : 400,
height : 300,
maximizable : true,
closable : true,
closeAction : 'close'
});
win.show();
win.load({
url : "../TeacherDispatchAction.do?method=courseDetail",
params : {
couId : value,
subMainId : "tab-" + value + "-main"
},
scripts: true
});
}
}
这里的条件语句是用来作判断,我所实现的是只打开一个窗口,根据要求动态加载页面的内容。
win.load({
url : "../TeacherDispatchAction.do?method=courseDetail",
params : {
couId : value,
subMainId : "tab-" + value + "-main"
},
scripts: true
});
这句就是用来实现加载的语句。注意:如果请求的页面里也包含EXT组件的话,scripts: true 不能丢掉。否则就不会显示啦。
Ext.Window的属性有:
closable : true, //是否可关闭
closeAction : 'close' 关闭窗口是销毁窗口,为'hide'则隐藏
maximizable : true, //是否可最大化
draggable:false,//拖动
resizable:false //变大小
分享到:
相关推荐
在Ext JS这个强大的JavaScript框架中,`Ext.Window`是一个常用组件,用于创建浮动、可弹出的窗口。在Web应用程序中,我们常常需要在这些窗口中展示各种内容,包括文字、表格、按钮,当然还有图片。本文将详细介绍...
- **动态加载内容**:利用Ajax从服务器获取数据并在窗口中显示。 8. **最佳实践** - 避免过多的窗口实例,合理复用窗口以提高性能。 - 使用模态窗口时,注意避免阻塞用户操作,确保用户体验良好。 - 考虑窗口的...
4. 页面组件:EXT框架包含多种预定义的UI组件,如Grid(表格)、Panel(面板)、Window(窗口)、Form(表单)、Button(按钮)、Toolbar(工具栏)等。这些组件都具有丰富的属性和方法,可以方便地定制外观和行为,...
6. **动态类加载**:引入了`Ext.Loader`类,允许程序在运行时动态加载所需的JS文件。通过`setPath`和`require`等方法,可以按需加载,降低了初始页面的加载时间,提高了用户体验。 7. **自动类加载配置**:要启用...
通过动态加载,可以只加载必要的组件脚本,而不是在页面加载时加载整个框架的`ext-all.js`文件。这可以显著减少页面加载时间,特别是对于那些只使用了ExtJS框架一部分功能的页面。 #### 3. 创建ExtJS4窗口(Window...
在这个场景中,我们将深入探讨如何使用Ext.NET代码动态创建GridPanel,并在各种窗口中灵活展示。 1. **动态创建GridPanel**: 在Ext.NET中,动态创建GridPanel意味着在运行时根据需要生成组件。这通常涉及到在...
在EXTJS 4.1 MVC框架中,动态加载控制层是一种优化应用性能和提升用户体验的常见做法。控制层(Controllers)负责处理用户交互和管理视图(Views)与模型(Models)之间的通信。动态加载控制层意味着只有在需要时才...
首先,EXT的Window组件是一个浮动的容器,可以作为独立的窗口在页面上显示。它继承自EXT的Panel组件,因此拥有Panel的所有特性,如布局管理、工具栏、标题等。要创建一个基本的EXT窗口,我们需要定义一个配置对象,...
**页面布局**是EXT的核心功能之一,它提供了多种布局模式来适应不同设计需求。常见的布局有: 1. **Accordion布局**:这种布局方式使得每个子组件可以折叠,适用于展示大量同类信息但有限的空间。布局由`Ext.layout...
动态加载JavaScript在Ext JS中主要通过`Ext.loader`对象实现,这个对象允许我们在运行时加载所需的类和资源,而无需在页面初始化时一次性加载所有代码。 1. **项目结构**: - 在一个典型的Ext JS应用中,项目通常...
4. 动态加载和异步通信:EXT利用AJAX技术实现页面的动态加载和与服务器的异步通信,这在办公系统中至关重要,因为通常需要实时更新数据或者根据用户操作获取新的信息。`Ext.Ajax`或`Store`的远程代理可以实现这一...
为了确保每次加载数据时滚动条都能正确地回到原来的位置,我们还可以通过覆盖`Ext.grid.GridView`中的方法来进一步增强功能: ```javascript Ext.override(Ext.grid.GridView, { scrollTop: function () { this....
DataStore通常与XML或者JSON数据源连接,可以动态加载和更新数据。在Grid中,我们可以通过配置ColumnModel来定义显示的列。 实现拖拽功能的关键在于扩展EXT的GridPanel类,添加DragDrop支持。这通常涉及以下几个...
在基于ExtJS开发Web应用程序时,经常会遇到动态创建和管理窗口(Window)的情况。这个问题描述了一个在使用ExtJS的Window组件时遇到的数据加载异常情况,特别是在窗口之间切换时。问题的核心在于,当一个新的Window...
2. **数据绑定**:可能会涉及到如何将后端数据源(如数据库)与Ext.NET控件绑定,实现数据的动态加载和更新。 3. **事件处理**:展示如何处理Ext.NET控件的客户端事件,如按钮点击、行选择等,并在C#后台进行响应。...
var window = new Ext.Window({ title: "新增文件</center>", width: 500, height: 500 }); // 按钮事件 var btn_addFile = { text: "新增文件", handler: function() { window.show(); } }; var btn_add...
9. **性能优化**:通过压缩、合并脚本和CSS,以及延迟加载等技术,Ext.Net可以帮助优化Web应用的性能,减少页面加载时间。 10. **调试与扩展**:源代码的开放性使得开发者可以直接查看和修改内部实现,方便调试和...
EXT 3.3 的数据绑定机制也是其强大之处,它允许开发者将模型(Model)的数据直接绑定到视图(View)上,实现了数据与界面的实时同步。通过Store组件,EXT 3.3 可以轻松处理大量数据的存储和操作,同时支持远程数据源...
var win = new Ext.Window({ title: "hello", width: 300, height: 200, html: '<h1>Hello, easyopensource</h1>' }); win.show(); }); ``` ### 结论 Ext 是一个非常强大的 JavaScript 框架,它不仅提供了...
例如, Infinite Scrolling 插件可以在用户滚动时动态加载更多数据,提高性能并减少页面加载时间。 "grid"是EXT JS的核心组件之一,用于展示二维表格数据。Grid插件可以增强数据操作和展示,如行编辑、列拖放、多级...