树TreePanel
摘要：概要1、TreePanel简介2、树节点3、同步树4、异步树5、树加载器 1、树控件的简单应用树控件由Ext.tree.TreePanel类定义，控件的名称为treepanel，TreePanel类继承自Panel面板。在ExtJS中使用树控件其实非常简单，我们先来看下面的代码： <script type="text/javascript"> Ext.onReady(function(){ var root=new Ext.tree.TreeNode({ id:"root", text:"树的根" }); root.app
阅读全文
posted @
2011-06-24 15:18
Ruthless
阅读(2588)
推荐(1) 编辑
表格GridPanel
摘要：1、表格GridPanel概述 ExtJS中的表格功能非常强大，包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。 表格由类Ext.grid.GridPanel定义，继承自Panel，其xtype为grid。ExtJS中，表格Grid必须包含列定义信息，并指定表格的数据存储器Store。表格的列信息由类Ext.grid.Column(以前是由Ext.grid.ColumnModel定义)、而表格的数据存储器由Ext.data.Store定义，数据存储器根据解析的数据不同分为JsonStore、SimpleStroe、GroupingStore等。2、表格应用示例我
阅读全文
posted @
2011-06-24 14:59
Ruthless
阅读(4548)
推荐(1) 编辑
表单Ext.form.FormPanel
摘要：1、表单对于传统的b/s应用来说，数据录入元素是放在表单<form>标签里面的。而对于ExtJS应用来说，则可以直接使用FormPanel控件来存放表单中的元素。FormPanel继承自Panel，在Panel的基础上提供与表单相关的各种特性，比如可以指定表单提交的url、指定表单提交方式、是否是二进制提交等；另外FormPanel固定使用form布局，前面关于布局一节中的内容我们说过，form布局也就是专门用于组织包含输入元素的布局。看下面的代码： <script type="text/javascript"> Ext.onReady(functi
阅读全文
posted @
2011-06-24 10:26
Ruthless
阅读(30906)
推荐(4) 编辑
布局Layout
摘要：容器中可以放置各种各样的元素，这些元素在容器怎么排放，是从左到右，还是从上到下，这些是容器自身所不知道的。容器中的子元素如何排放，在Ext中由布局来处理。 所谓布局就是指容器组件中子元素的分布、排列组合方式。Ext的所有容器组件都支持布局操作，每一个容器都会有一个对应的布局，布局负责管理容器组件中子元素的排列、组合及渲染方式等。 Ext提供了一套功能强大的布局系统，通过这些布局的应用，可以满足应用程序中各种复杂的用户界面布局处理，下面我们将对ExtJS中的布局作介绍。Ext中的每一个布局类都有一个简短的布局名称，在使用布局的时候直接使用布局名称即可。 布局主要应用于容器组件，在Contain.
阅读全文
posted @
2011-06-24 10:01
Ruthless
阅读(1910)
推荐(1) 编辑
选项卡TabPanel控件
摘要：概要1、TabPanel简介2、如何创建Tab3、编程控制TabPnael中的内容 1、选项板概述选项面板是一个包括一个或多个选项卡(Tab)，同一时刻只显示一个选项卡的这种用户界面。比如下图的IE选项设置界面中，就是一个选项板的应用，选项板上有“常规”、“安全”、“隐私”等选项卡。2、Ext.TabPanelExt中提供了选项板控件TabPanel，由类Ext.TabPanel来定义，该类直接继承自Ext.Panel，因此他实际上也是一个包含特定特性的面板。看下面的代码： <script type="text/javascript"> Ext.onReady(
阅读全文
posted @
2011-06-23 15:37
Ruthless
阅读(5077)
推荐(0) 编辑
对话框
摘要：概要1、替代古板的对话框2、alert、confirm、prompt演示3、与对话框交互：回调函数使用4、wait及progress对话框5、使用Msg.show 1、替代古板的对话框所谓对话框，就是在程序执行的过程，出现在用户界面中的一个需要用户进行确认、选择或录入相关信息的微型窗口。在传统的html页面中，浏览器提供了三种默认的对话框函数。也就是alert、confirm及prompt等。其中alert用来弹出一个提示信息，并让用户确认，而confirm是让用户进行某一种操作的选择，prompt则是用来弹出一个信息录入对话框。下面是浏览器对话框的使用示例： <head> <
阅读全文
posted @
2011-06-23 14:28
Ruthless
阅读(1810)
推荐(3) 编辑
视图Ext.Viewport和窗口Ext.Window用法
摘要：概要1、ViewportViewport代表整个浏览器窗口，直接渲染到document.body节点，取代页面中的所有内容。一般作为应用程序主界面。2、Viewport特点3、WindowWindow表示应用程序窗口，其实是一个浮动的层，直接调用show方法显示窗口，窗口有关闭按钮；窗口的关闭直接调用close方法，窗口的隐藏使用hide方法；使用modal属性来配置模式窗口。4、窗口关闭及隐藏5、模态及非模态窗口1、Viewport，顶级界面，浏览器显示区域。代表整个浏览器的应用程序主界面控件。VeiwPort表示整个浏览器显示区域，该对象渲染到页面的body区域，并会随着浏览器显示区域的大
阅读全文
posted @
2011-06-22 14:44
Ruthless
阅读(19342)
推荐(4) 编辑
面板Ext.Panel使用
摘要：概要1、Ext.Panel概述2、面板的五大组成部分3、面板的特点4、面板中的内容5、面板内容动态控制6、API概述 1、Ext.Panel概述面板Panel是ExtJS控件的基础，很多高级控件都是在面板的基础上扩展的，还有其它大多数控件也都直接或间接与它有关系。应用程序的界面一般情况下是由一个一个的面板通过不同组织方式来形成。 2、面板的五大组成部分面板由以下几个部分组成，一个顶部工具栏(tbar)、一个底部工具栏(bbar)、面板头部(header)、面板尾部(bottom)、面板主区域(body)几个部分组成。面板类中还内置了面板展开、关闭等功能，并提供一系列可重用的工具按钮使得我们可以
阅读全文
posted @
2011-06-22 10:11
Ruthless
阅读(9381)
推荐(2) 编辑
Ext.Window和Ext.tree.TreePanel简单用法
摘要：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE
阅读全文
posted @
2011-06-20 22:33
Ruthless
阅读(3542)
推荐(1) 编辑
