<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ext.Window</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<!-- ** Javascript ** -->
<!-- ExtJS library: base/adapter -->
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<!-- ExtJS library: all widgets -->
<script type="text/javascript" src="ext/ext-all.js"></script>
<script type="text/javascript" src="window.js"></script>
</head>
<body>
</body>
</html>
window.js
/**
* @author zms
*/
Ext.onReady(function(){
var bar = new Ext.Panel({
id : "win-panel",
width:500,height:150,
items:[
{xtype:'htmleditor'}
]
});
var menu = new Ext.menu.Menu({
items:[{text:'first'},'-',{text:'senced'}]
})
var w = new Ext.Window({
title:'Ext.Window',
width:515,height:150,
tools:[{id:"minimize"},{id:"maximize"}],
tbar:new Ext.Toolbar({}),
items:[bar]
});
w.show();
w.getTopToolbar().add(new Ext.Toolbar.SplitButton({
text:'spliteButton',
menu:menu
}));
});
分享到：
相关推荐
Ext.js 是一个强大的JavaScript库，专门用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件和数据绑定功能，使得开发者可以构建出具有桌面应用级别的交互式网页应用。本教程和API文档聚焦于Ext.js 3.0版本...
7.4.5 数据验证及错误处理：ext.data.validations与ext.data.errors / 332 7.4.6 模型的关系：ext.data.association、ext.data.hasmanyassociation和ext.data.belongstoassociation / 334 7.4.7 管理数据模型：...
它的核心组件包括窗口（Window）、面板（Panel）、表格（Grid）、菜单（Menu）、表单（Form）等，可以构建出复杂的Web应用界面。 YuiGrid作为EXT.js中的表格组件，主要用于显示和操作数据。以下是YuiGrid的一些关键...
3.4.5 认识Ext.menu.Menu菜单 3.4.6 最简单的菜单栏 3.4.7 创建二级或多级菜单 3.4.8 将更多组件加入菜单 3.4.9 具有选择框的菜单 3.5 本章小结 第4章 最常用的表单 4.1 表单及表单元素 4.1.1 了解Ext.form...
Ext.MessageBox是简单的全局API，而Ext.window.MessageBox则是基于窗口的实现，可以自定义更多内容和行为，如添加按钮、调整大小等。 3. **Ext.toolbar.Toolbar和Ext.menu.Menu** - **工具栏（Toolbar）**：通常...
- `window`：`Ext.Window`，创建可弹出的浮动窗口，具有关闭、最大化、最小化等特性。 - `viewport`：`Ext.ViewPort`，全屏容器，与浏览器视口大小一致，可以自动调整大小。 - `box`：`Ext.BoxComponent`，基本的...
下面是一个简单的 `Ext.menu.Menu` 示例： ```javascript new Ext.Button({ text: 'Menu Button', menu: { items: [ { text: 'Item 1' }, { text: 'Item 2' } ] }, renderTo: Ext.getBody() }); ``` *...
- **Ext.menu.Menu**: 创建下拉菜单，常用于按钮的右键菜单或工具栏的下拉菜单。 10. **其他功能** - **Ajax请求（Ajax Requests）**: 使用Ext.Ajax模块进行异步数据请求。 - **拖放（Drag and Drop）**: 支持...
5. **`menuitem`** - `Ext.menu.Item`，基本菜单项，用于创建简单的菜单项。 6. **`menuseparator`** - `Ext.menu.Separator`，菜单分隔线，用于分隔菜单中的不同部分。 7. **`menutextitem`** - `Ext.menu.Text...
- **Ext.window**：弹出窗口组件，常用于对话框和浮动面板。 - **Ext.menu**：菜单系统，提供上下文菜单和主菜单功能。 5. **Ajax和Store** - **Ajax**：提供异步请求功能，与服务器进行数据交互。 - **Store**...
1. **`window`:** 窗口组件，提供弹出式对话框的功能，通过`Ext.Window`类实现。 2. **`viewport`:** 视口组件，表示浏览器的可视区域，能够根据浏览器窗口大小自动调整其大小，通过`Ext.ViewPort`类实现。 3. **`...
- **`window` (Ext.Window)**: 窗口组件，用于创建独立的弹出窗口。 - **`viewport` (Ext.ViewPort)**: 视口组件，它代表浏览器可视区域，并且可以根据窗口大小自动调整。 - **`box` (Ext.BoxComponent)**: 盒子组件...
- **Ext.Panel**、**Ext.window.Window**和**Ext.container.Viewport**：面板、窗口和布局控件的使用。 - **Ext.tab.Panel**：详细讲解了选项卡的创建和操作。 - **Ext.ListView**和**Ext.view.View**：数据视图的...
其中，树形菜单(TreeMenu)是一种常见的UI组件，用于展示具有层次结构的数据。本文将详细介绍如何在ExtJS中生成树形菜单，并为每个子节点添加链接，以及如何通过点击这些链接触发相应的事件处理或页面跳转。 #### 2....
在`knew7pi`这个标签中，可能是指某个个人或团队对EXT 1.1的深入理解和实践，他们分享了一些关于EXT AJAX的实例，包括如何使用EXT组件（如GridPanel、Menu和Window）与服务器进行AJAX交互，实现动态内容展示和用户...
- **示例代码**：下面的代码展示了如何在SQLite数据库中持久化`Ext.data.Record`实例，并且整合过程相对简单。 ```javascript tx.data.ListStore = Ext.extend(Ext.data.Store, { constructor: function() { //...
var window = new Ext.window.Window({ title: '带有菜单的窗口', items: [menu] }); ``` 4. **配置与布局**：EXTJS4提供了丰富的配置选项来定制菜单栏的外观和行为，如`width`、`floating`（是否浮动）、`plain`...
1. **组件化**：EXT 3.0提供了一整套可复用的UI组件，如表格（Grid）、面板（Panel）、窗口（Window）、表单（Form）、树形视图（Tree）、菜单（Menu）等，这些组件可以组合成复杂的应用界面。 2. **MVC架构**：EXT...
- `window`: `Ext.Window` - `toolbarcomponents`: `paging`, `toolbar`, `tbbutton`, `tbfill`, `tbitem`, `tbseparator`, `tbspacer`, `tbsplit`, `tbtext` - `menucomponents`: `menu`, `colormenu`, `datemenu`,...