`
guangzhao
  • 浏览: 42997 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

初探Extjs

阅读更多
1、obj.render("id");将obj对象显示在id为id的HTML标签上。
2、Ext.MessageBox.alert('title', 'content'); alert框
3、Ext.window({title:, width:,height:, html:});可以移动的组件
4、Ext.Panel();面板。Ext.TabPanel();
5、所有的组件都继承自Ext.Component,
6、注册事件Ext.get('btnAlert').addListener('clicke', a);或者Ext.get('').on('click', on);click事件, a函数
每个组件都有beforedestroy函数, 如果返回false时不会销毁组件。
Ext.Viewport()整个浏览器的现实区域
ext组件由Component定义,结构图如下

Ext.Component
        Ext.BoxComponent
        |       Ext.Button
        |       |       Ext.SplitButton
        |       |       |       Ext.CycleButton
        |       Ext.Container
        |       |       Ext.Panel
        |       |       |       Ext.ButtonGroup
        |       |       |       Ext.TabPanel
        |       |       |       Ext.Tip
        |       |       |       |       Ext.ToolTip
        |       |       |       |       |       Ext.QuickTip
        |       |       |       |       Ext.slider.Tip
        |       |       |       Ext.Window
        |       |       |       Ext.form.FieldSet
        |       |       |       Ext.form.FormPanel
        |       |       |       Ext.grid.GridPanel
        |       |       |       Ext.grid.EditorGridPanel
        |       |       |       |       |        Ext.grid.PropertyGrid
        |       |       |       |       Ext.grid.PivotGrid
        |       |       |       Ext.tree.TreePanel
        |       |       Ext.Toolbar
        |       |       |       Ext.PagingToolbar
        |       |       Ext.Viewport
        |       |       Ext.menu.Menu
        |       |       |       Ext.menu.ColorMenu
        |       |       |       Ext.menu.DateMenu
        |       Ext.DataView
        |       |       Ext.list.ListView
        |       Ext.FlashComponent
        |       |       Ext.chart.Chart
        |       |       |       Ext.chart.CartesianChart
        |       |       |       |       Ext.chart.BarChart
        |       |       |       |       Ext.chart.ColumnChart
        |       |       |       |       Ext.chart.LineChart
        |       |       |       |       Ext.chart.StackedBarChart
        |       |       |       |       Ext.chart.StackedColumnChart
        |       |       |       Ext.chart.PieChart
        |       Ext.ProgressBar
        |       Ext.Spacer
        |       Ext.Toolbar.Item
        |       |       Ext.Toolbar.Separator
        |       |       Ext.Toolbar.Spacer
        |       |       |       Ext.Toolbar.Fill
        |       |       Ext.Toolbar.TextItem
        |       Ext.form.Field
        |       |       Ext.form.Checkbox
        |       |       |       Ext.form.Radio
        |       |       Ext.form.CheckboxGroup
        |       |       |       Ext.form.RadioGroup
        |       |       Ext.form.CompositeField
        |       |       Ext.form.DisplayField
        |       |       Ext.form.Hidden
        |       |       Ext.form.HtmlEditor
        |       |       Ext.form.SliderField
        |       |       Ext.form.TextField
        |       |       |       Ext.form.NumberField
        |       |       |       Ext.form.TextArea
        |       |       |       Ext.form.TriggerField
        |       |       |       |        Ext.form.ComboBox
        |       |       |       |       |       Ext.form.TimeField
        |       |       |       |       Ext.form.DateField
        |       |       |       |       Ext.form.TwinTriggerField
        |       Ext.form.Label
        |       Ext.slider.MultiSlider
        |       |       Ext.slider.SingleSlider
        Ext.ColorPalette
        Ext.DatePicker
        Ext.Editor
        |       Ext.tree.TreeEditor
        Ext.PivotAxis
        Ext.menu.BaseItem
        |       Ext.menu.Item
        |       |       Ext.menu.CheckItem
        |       Ext.menu.Separator
        |       Ext.menu.TextItem



renderTo:"ID"将此组件渲染到id=ID的容器内, 内部元素的后面,
applyTo:"ID"...................的后面。
分享到:
评论

相关推荐

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    Extjs portal 应用初探

    在"Extjs portal 应用初探"这个主题中,我们将深入探讨如何利用ExtJS构建门户应用。 首先,门户应用是一种组织和展示信息的框架,它允许用户自定义和个性化他们的工作环境。在ExtJS中,"portal"通常指的是Portlet...

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

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具,使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中,我们主要关注的是...

    轻松搞定Extjs 带目录

    本书作为Extjs的中文教程,旨在帮助读者快速上手Extjs,其内容涉及Extjs的基础知识和实际应用。 #### 2. JavaScript基础知识 - **类的定义**: Extjs中的类继承于JavaScript原生类,通过Ext.extend来定义。这是...

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...

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

    ExtJS是一个广泛使用的JavaScript库,专门用于构建富客户端应用程序。版本3.3是该库的一个稳定版本,提供了许多功能和组件,使得Web开发者能够创建功能丰富的、交互性强的用户界面。这个“ExtJS3.3中文API.CHM”文档...

    Extjs 2.2 Extjs 3.21 js

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端Web应用程序。这个压缩包包含了ExtJS的两个重要版本:2.2和3.2.1。这两个版本在Web开发领域都有着广泛的运用,它们各自拥有不同的特性和改进,对于理解...

    包含各种类型的extjs小图标,Extjs4小图标

    ExtJS 是一个流行的JavaScript框架,主要用于构建富客户端的Web应用程序。它提供了丰富的组件库、数据管理功能以及强大的用户界面(UI)元素。在标题和描述中提到的“Extjs4小图标”指的是ExtJS 4版本中使用的一系列...

    ExtJS 7.6 SDK trial

    ExtJS 是一个流行的JavaScript框架,用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件、数据绑定机制和强大的API,使开发者能够创建功能强大的、响应式的桌面和移动应用。7.6版本是ExtJS的一个重要更新,...

    extjs电子书,extjs电子书,extjs电子书

    extjs电子书,extjs电子书,extjs电子书,extjs电子书

    ExtJS经典皮肤集合

    ExtJS是一款功能强大的JavaScript前端框架,它为开发者提供了构建富客户端Web应用的工具。这款框架以其丰富的组件库、可定制的界面和强大的数据绑定机制而闻名。标题中的"ExtJS经典皮肤集合"指的是该框架中包含的一...

    EXTJS讲解个人项目经历

    EXTJS 是一个强大的JavaScript前端框架,它主要用于构建富客户端应用,提供丰富的用户界面组件和灵活的可定制性。EXTJS 的核心在于其组件化的架构,允许开发者构建复杂的UI布局和功能丰富的应用程序。以下是对EXTJS...

    ExtJS 界面设计器

    ExtJS是一款强大的JavaScript库,主要用于构建富客户端的Web应用程序。其界面设计器,正如标题所示,是一种可视化的开发工具,能够极大地提升开发效率和用户体验。这个工具允许开发者通过拖放组件和直观地调整属性来...

    ExtJS4ExtJS5MD5 加密

    适用于ExtJS4、ExtJS5 MD5加密算法!

    extjs 3.4 开发前准备

    【EXTJS 3.4 开发前准备】 EXTJS 是一款强大的JavaScript库,主要用于构建桌面级的Web应用程序,提供丰富的用户界面组件和交互效果。3.4版本是EXTJS的一个重要里程碑,它提供了稳定的基础和丰富的组件库。本文将...

    ExtJS 7.7 SDK trial

    ExtJS 是一个强大的JavaScript框架,主要用于构建富客户端的Web应用程序,提供丰富的用户界面组件和强大的数据绑定机制。在"ExtJS 7.7 SDK trial"中,我们可以探索以下几个关键知识点: 1. **版本升级**:从7.7版本...

    extjsapi/extjs3.4

    extjsapi,extjs文档,api手岫

    extjs-OA extjs-oa

    一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa

    JBPM4 SSH EXTJS JBPM SSH EXTJS

    JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS 希望对大家有帮助。

    ExtJs学习笔记 ExtJs Api

    适合ExtJs开发人员extjs技术上手以及深入

Global site tag (gtag.js) - Google Analytics