页面代码 first.jsp
<%@ page language="java" contentType="text/html; charset=gb2312"
pageEncoding="gb2312"%>
<%
request.setAttribute("base", request.getContextPath());
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"
href="${base}/script/ext/resources/css/ext-all.css">
<script type="text/javascript"
src="${base}/script/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="${base}/script/ext/ext-all.js"></script>
<script type="text/javascript" src="${base}/script/sample/first.js"></script>
</head>
<body>
<div id='mydiv'></div>
</body>
</html>
first.js 具体的组件显示，对象定义
Ext.onReady(function() {
Ext.Msg.alert("提示","helloworld");//定义一个代码提示框
var myPanel=new Ext.Panel({//创建面板对象
id:'pid',//id标识
renderTo:Ext.getBody(),//指定在某个地方显示
title:'面板',//面板标题
height:300,//高度
width:300//宽度
})
var viewPoint = new Ext.Viewport({//创建视图板块显示
id : 'vp',
//renderTo:Ext.getBody(),
layout : 'border',// 指定布局方式
items : [{
region : 'north',// 上方布局显示区域
height : 50
}, {
region : 'west',//左边导航区域
width : 200
}, {
region : 'center',//中间内容显示区域
width : 300
}, {
region : 'east',//右边区域
width : 100
}, {
region : 'south',//底部区域
height : 20
}]
})
viewPoint.renderTo('mydiv');
})
分享到：
相关推荐
- 组件分类：如窗口、面板、表单等。 - 组件生命周期：创建、渲染、销毁等。 - 组件渲染方法：`render`方法用于将组件渲染到页面上。 #### 9. 常用组件 Extjs提供丰富的组件库，包括： - 按钮、日期选择器、...
EXTJS是一个强大的JavaScript库，用于构建富客户端Web应用程序，提供了丰富的用户界面组件，如数据网格、树形视图、表单、面板等。EXTTLD（EXTJS Tag Library Descriptors）则是EXTJS扩展标记的元数据，它定义了这些...
例如，鼠标悬停在股票代码上时，可能会出现一个工具提示显示该股票的详细信息；点击某个按钮，可能会弹出一个窗口展示更全面的股票分析报告。 为了实现数据的实时更新，开发者可能使用了ExtJS的AJAX或者Store组件。...
创建一个窗口，你需要定义一个配置对象，包括窗口的基本属性，如宽度、高度、标题等。例如： ```javascript var myWindow = Ext.create('Ext.window.Window', { title: '我的弹窗', width: 400, height: 300, ...
它提供了大量的组件和功能，包括数据网格、面板、树形视图等，使得开发者能够创建交互性强、界面美观的Web应用。以下是对标题"ExtJS静态使用示例"和描述中涉及知识点的详细解释： 1. **ExtJS库**：ExtJS是Sencha...
它提供了丰富的用户界面组件，如表格、面板、图表等，使得开发者可以创建出功能丰富、交互性强的网页应用。在"extjs做界面的jsp系统"这个项目中，ExtJS 被用来设计和实现系统的前端界面部分，与后端的Java技术栈（如...
1. **组件化**：ExtJS基于组件模型，提供了一系列预定义的UI组件，如按钮、表格、面板、表单等。这些组件具有高度可配置性和可复用性，可以快速构建复杂的用户界面。 2. **数据绑定**：ExtJS支持双向数据绑定，使得...
5. **App（应用程序）**：在ExtJS 4 Desktop中，整个应用通常由一个App配置对象定义，它管理所有控制器、视图、模型和store，协调它们的加载顺序和依赖关系。 6. **PHP集成**：描述中提到的“国外的php”可能是指...
窗口是面板的一种特殊形式，可以独立弹出显示。 - **概述**: 简要介绍了窗口的基本概念。 - **Ext.Window类**: 详细讲解了窗口组件的使用方法，包括配置选项、事件绑定等。 - **实现Window的最小化功能**: 展示了...
2. **视图（View）**：视图组件是用户界面的呈现部分，如窗口、面板、表格等。在ExtJS中，视图通常由一系列组件构成，这些组件通过数据绑定与模型连接，自动更新显示的数据。例如，用户列表视图会绑定到用户模型，当...
在实践中，EXTJS 3.0的例子可能包括创建一个简单的窗口应用，展示如何使用GridPanel加载和显示数据，或者构建一个包含多种表单元素的交互式表单。通过这些例子，开发者可以快速掌握EXTJS的基本用法，并逐步提升到更...
例如，"相关事务"窗口（XgWorkWindow）和"关闭相关流程"（WorkFlow2）都是通过new关键字实例化Suncy类来创建的。这些窗口通常包含自定义的JS配置文件，如kjjs/swgl/workwindow.js和swxt/grrz/grrzwindow.js，以实现...
1. **组件化**：EXTJS提供了大量的预定义组件，如表格、面板、窗口、表单、菜单等，这些组件可以自由组合，构建复杂的UI布局。 2. **数据绑定**：EXTJS的数据模型和视图之间有良好的绑定机制，可以实现数据的实时...
在ExtJS 4中，视图可以是简单的组件，如按钮或文本框，也可以是复杂的布局，如面板和窗口。视图通常会绑定到模型，当模型数据变化时，视图自动更新。例如： ```javascript Ext.create('Ext.container.Viewport', { ...
- **views**目录：视图组件和容器的定义，如窗口、面板、表格等。 - **app.json**：描述了应用的结构和配置，用于自动化构建过程。 - **注意：项目分层.txt**：可能包含了关于项目目录结构和代码组织的说明，这对于...
1. **组件（Components）**：EXTJS2的核心是其组件系统，包括按钮（Button）、表格（Grid）、面板（Panel）、窗口（Window）、菜单（Menu）等。每个组件都有自己的配置项和方法，开发者可以通过组合这些组件创建复杂...
通过学习这些实例，你可以更好地理解如何在实际项目中应用ExtJs，例如如何创建网格（Grid）、表单（Form）、树形视图（Tree）、面板（Panel）等。实例通常包括完整的HTML、CSS和JavaScript代码，以及详细的解释，...
在"开始ExtJs梦想之旅"的第二讲中，你将具体学习如何使用ExtJS创建第一个应用，从创建基本的窗口（Window）和面板（Panel），到添加控件并实现简单的交互。这一过程中，你将实践如何编写JavaScript代码来实例化组件...
3. **组件库**：ExtJS拥有丰富的组件库，如表格、表单、树形视图、图表、面板、窗口等，6.5.0版本对这些组件进行了优化，提升了性能和可用性。 4. **响应式布局**：框架支持响应式布局，能够根据不同的屏幕尺寸和...
快速提示是EXTJS中的一个小弹出窗口，可以在鼠标悬停在特定元素上时显示相关信息，无需用户进行任何交互。 关于`vtype`，这是EXTJS中表单字段验证的一种方式。EXTJS提供了多种预定义的`vtype`验证规则，如`email`...