`

xtype与Extjs4控件Class对应表

EXT 
阅读更多

xtype            Class 
-------------    ------------------ 

button               Ext.button.Button 
buttongroup      
Ext.container.ButtonGroup 
colorpalette    
Ext.picker.Color 
component        
Ext.Component 
container        
Ext.container.Container 
cycle            
Ext.button.Cycle 
dataview        
Ext.view.View 
datepicker      
Ext.picker.Date 
editor          
Ext.Editor 
editorgrid      
Ext.grid.plugin.Editing 
grid            
Ext.grid.Panel 
multislider      
Ext.slider.Multi 
panel            
Ext.panel.Panel 
progress        
Ext.ProgressBar 
slider          
Ext.slider.Single 
spacer          
Ext.toolbar.Spacer 
splitbutton      
Ext.button.Split 
tabpanel        
Ext.tab.Panel 
treepanel        
Ext.tree.Panel 
viewport        
Ext.container.Viewport 
window          
Ext.window.Window 
 
Toolbar components 
--------------------------------------- 
paging          
Ext.toolbar.Paging 
toolbar          
Ext.toolbar.Toolbar 
tbfill          
Ext.toolbar.Fill 
tbitem          
Ext.toolbar.Item 
tbseparator      
Ext.toolbar.Separator 
tbspacer        
Ext.toolbar.Spacer 
tbtext          
Ext.toolbar.TextItem 
 
Menu components 
--------------------------------------- 
menu            
Ext.menu.Menu 
menucheckitem    
Ext.menu.CheckItem 
menuitem        
Ext.menu.Item 
menuseparator    
Ext.menu.Separator 
menutextitem    
Ext.menu.Item 
 
Form components 
--------------------------------------- 
form            
Ext.form.Panel 
checkbox        
Ext.form.field.Checkbox 
combo            
Ext.form.field.ComboBox 
datefield        
Ext.form.field.Date 
displayfield    
Ext.form.field.Display 
field            
Ext.form.field.Base 
fieldset        
Ext.form.FieldSet 
hidden          
Ext.form.field.Hidden 
htmleditor      
Ext.form.field.HtmlEditor 
label            
Ext.form.Label 
numberfield      
Ext.form.field.Number 
radio            
Ext.form.field.Radio 
radiogroup      
Ext.form.RadioGroup 
textarea        
Ext.form.field.TextArea 
textfield        
Ext.form.field.Text 
timefield        
Ext.form.field.Time 
trigger          
Ext.form.field.Trigger 
 
Chart components 
--------------------------------------- 
chart            
Ext.chart.Chart 
barchart        
Ext.chart.series.Bar 
columnchart      
Ext.chart.series.Column 
linechart        
Ext.chart.series.Line 
piechart        
Ext.chart.series.Pie

 

分享到:
评论

相关推荐

    extjs的xtype class对照表

    `xtype` 与对应的`class` 关联,`class` 是组件的实际JavaScript类,包含组件的完整功能和行为。 以下是一些主要的ExtJS `xtype` 和其对应的`class`: 1. **面板(Panel)** - `xtype: 'panel'` 对应的类是 `Ext....

    Extjs xtype集合

    ### Extjs xtype集合详解 #### 一、基本概念与背景 在Extjs开发过程中,`xtype`(扩展类型)是极为重要的一个概念。它实际上是一种类型标识符,用于快速创建特定类型的组件实例。通过使用预定义的`xtype`值,...

    基于extjs的.NET3.5控件Coolite 1.0.0.34580(Preview预览版)

    基于extjs的.NET3.5控件Coolite 1.0.0.34580 (Preview预览版), *************************************************** * Version 1.0.0 升级日志 * *************************************************** 1. ...

    extjs中利用htmleditor与第三方打印插件Lodop结合使用WEB打印功能

    Lodop是一款高效、易用的网页打印控件,它提供了丰富的打印选项和灵活的操作方式,适用于各种复杂的打印需求。本文将详细介绍如何在EXTJS环境中结合htmleditor来使用Lodop进行HTML内容的编辑和打印。 首先,我们...

    ExtJs入门实例

    ### ExtJs2.0入门实例知识点详解 #### 1. Ext.MessageBox ...以上是ExtJs2.0中的一些基础控件和方法的详细介绍,通过这些内容可以帮助初学者快速入门,并掌握如何使用这些控件进行Web应用程序开发。

    extjs+servlet实现图片上传

    ExtJS 是一个强大的JavaScript框架,主要用于构建富客户端应用。它提供了丰富的组件库,可以方便地创建复杂的用户界面。在本示例中,我们将探讨如何结合ExtJS 3和Servlet技术来实现图片上传功能。 首先,我们需要...

    老师整理的extjs学习笔记

    ### ExtJS 学习笔记概览 #### 一、ExtJS 入门 **1.1 ExtJS 构成及如何引用** ExtJS 是一款基于 JavaScript 的开源框架,专为 Web 应用程序的前端界面设计。其核心优势在于提供了一套丰富的 UI 组件和强大的数据...

    C# 在桌面程序里集成webbrowser和Ext

    集成EXTJS后,可以通过WebBrowser控件的`Document`属性访问DOM,利用JavaScript与EXTJS的API进行交互,例如调用EXTJS方法或获取数据。同时,也可以在C#中通过`webBrowser1.Document.InvokeScript`方法执行JavaScript...

    自动完成功能(AutoComplete) EXT+asp.net

    xtype: 'combobox', // 使用ComboBox控件 fieldLabel: 'Search', store: { type: 'ajax', // 使用Ajax Store加载数据 autoLoad: true, url: 'AutoCompleteService.asmx/GetSuggestions', // 指向服务器端服务...

    SSH2上传实现

    - 使用`xtype: 'filefield'`替代`xtype: 'textfield'`,以便正确展示文件选择框。 - `fileUpload: true`属性对于启用文件上传功能至关重要。 - 所有要上传的文件的`name`属性应保持一致,方便后端统一处理。 ##### ...

Global site tag (gtag.js) - Google Analytics