Extjs学习笔记--(一vs增加extjs智能感知)

 

Extjs学习笔记--(一vs增加extjs智能感知)
1,编写class.js

var classList=[
"Ext.layout.container.Absolute",
"Ext.layout.container.AbstractCard",
"Ext.AbstractComponent",
"Ext.AbstractManager",
"Ext.container.AbstractContainer",
"Ext.layout.container.AbstractFit",
"Ext.util.AbstractMixedCollection",
"Ext.panel.AbstractPanel",
"Ext.AbstractPlugin",
"Ext.data.AbstractStore",
"Ext.view.AbstractView",
"Ext.layout.container.Accordion",
"Ext.Action",
"Ext.grid.column.Action",
"Ext.Ajax",
"Ext.data.proxy.Ajax",
"Ext.layout.container.Anchor",
"Ext.fx.Anim",
"Ext.util.Animate",
"Ext.fx.Animator",
"Ext.app.Application",
"Ext.chart.series.Area",
"Ext.data.reader.Array",
"Ext.data.Association",
"Ext.layout.container.Auto",
"Ext.chart.axis.Axis",
"Ext.chart.axis.Gauge",
"Ext.chart.axis.Time",
"Ext.chart.series.Bar",
"Ext.Base",
"Ext.form.field.Base",
"Ext.form.Basic",
"Ext.data.Batch",
"Ext.data.BelongsToAssociation",
"Ext.grid.column.Boolean",
"Ext.layout.container.Border",
"Ext.view.BoundList",
"Ext.view.BoundListKeyNav",
"Ext.layout.container.Box",
"Ext.button.Button",
"Ext.container.ButtonGroup",
"Ext.layout.container.Card",
"Ext.chart.series.Cartesian",
"Ext.chart.axis.Category",
"Ext.grid.plugin.CellEditing",
"Ext.chart.Chart",
"Ext.form.field.Checkbox",
"Ext.form.CheckboxGroup",
"Ext.layout.container.CheckboxGroup",
"Ext.selection.CheckboxModel",
"Ext.menu.CheckItem",
"Ext.Class",
"Ext.ClassManager",
"Ext.util.ClickRepeater",
"Ext.data.proxy.Client",
"Ext.menu.ColorPicker",
"Ext.chart.series.Column",
"Ext.layout.container.Column",
"Ext.form.field.ComboBox",
"Ext.Component",
"Ext.util.ComponentDragger",
"Ext.ComponentLoader",
"Ext.ComponentManager",
"Ext.ComponentQuery",
"Ext.dom.CompositeElement",
"Ext.fx.target.CompositeElementCSS",
"Ext.dom.CompositeElementLite",
"Ext.data.Connection",
"Ext.container.Container",
"Ext.app.Controller",
"Ext.state.CookieProvider",
"Ext.util.Cookies",
"Ext.util.CSS",
"Ext.button.Cycle",
"Ext.data.Model",
"Ext.Date",
"Ext.grid.column.Date",
"Ext.form.field.Date",
"Ext.menu.DatePicker",
"Ext.picker.Date",
"Ext.dd.DD",
"Ext.dd.DDProxy",
"Ext.dd.DDTarget",
"Ext.util.DelayedTask",
"Ext.form.action.DirectLoad",
"Ext.direct.Manager",
"Ext.direct.Provider",
"Ext.data.proxy.Direct",
"Ext.data.DirectStore",
"Ext.form.action.DirectSubmit",
"Ext.form.field.Display",
"Ext.dom.Helper",
"Ext.dom.AbstractHelper",
"Ext.DomQuery",
"Ext.dd.DragDrop",
"Ext.dd.DragDropManager",
"Ext.dd.DragSource",
"Ext.dd.DragTracker",
"Ext.dd.DragZone",
"Ext.draw.Color",
"Ext.draw.Component",
"Ext.draw.CompositeSprite",
"Ext.draw.Sprite",
"Ext.dd.DropTarget",
"Ext.dd.DropZone",
"Ext.fx.Easing",
"Ext.grid.plugin.Editing",
"Ext.Editor",
"Ext.dom.Element",
"Ext.fx.target.ElementCSS",
"Ext.dom.AbstractElement",
"Ext.ElementLoader",
"Ext.data.Errors",
"Ext.util.Event",
"Ext.EventManager",
"Ext.EventObject",
"Ext.EventObjectImpl",
"Ext.direct.ExceptionEvent",
"Ext.Array",
"Ext.Function",
"Ext.is",
"Ext.JSON",
"Ext.Object",
"Ext.String",
"Ext.supports",
"Ext.grid.feature.Feature",
//"Ext.env.FeatureDetector",
"Ext.data.Field",
"Ext.form.FieldAncestor",
"Ext.form.FieldContainer",
"Ext.form.FieldSet",
"Ext.form.field.File",
"Ext.toolbar.Fill",
"Ext.util.Filter",
"Ext.layout.container.Fit",
"Ext.flash.Component",
"Ext.util.Floating",
"Ext.FocusManager",
"Ext.form.action.Action",
"Ext.util.Format",
"Ext.form.field.Field",
"Ext.form.Panel",
"Ext.grid.property.Grid",
"Ext.grid.column.Column",
"Ext.grid.plugin.DragDrop",
"Ext.grid.Panel",
"Ext.grid.View",
"Ext.util.Grouper",
"Ext.grid.feature.Grouping",
"Ext.grid.feature.GroupingSummary",
"Ext.resizer.Handle",
"Ext.util.HashMap",
"Ext.data.HasManyAssociation",
"Ext.layout.container.HBox",
"Ext.panel.Header",
"Ext.grid.property.HeaderContainer",
"Ext.grid.header.Container",
"Ext.grid.plugin.HeaderResizer",
"Ext.form.field.Hidden",
"Ext.util.History",
"Ext.form.field.HtmlEditor",
"Ext.Img",
"Ext.util.Inflector",
"Ext.data.JsonP",
"Ext.direct.JsonProvider",
"Ext.data.reader.Json",
"Ext.util.KeyMap",
"Ext.util.KeyNav",
"Ext.chart.Label",
"Ext.form.Labelable",
"Ext.Layer",
"Ext.chart.Legend",
"Ext.chart.LegendItem",
"Ext.chart.series.Line",
"Ext.form.action.Load",
"Ext.Loader",
"Ext.LoadMask",
"Ext.data.proxy.LocalStorage",
"Ext.chart.Mask",
"Ext.data.proxy.Memory",
"Ext.menu.Menu",
"Ext.menu.Item",
"Ext.menu.Manager",
"Ext.menu.Separator",
"Ext.window.MessageBox",
"Ext.util.MixedCollection",

"Ext.ModelManager",
"Ext.slider.Multi",
"Ext.data.NodeInterface",
"Ext.Number",
"Ext.grid.column.Number",
"Ext.form.field.Number",
"Ext.chart.axis.Numeric",
"Ext.util.Observable",
"Ext.data.Operation",
"Ext.toolbar.Paging",
"Ext.panel.Panel",
"Ext.picker.Color",
"Ext.form.field.Picker",
"Ext.picker.Time",
"Ext.chart.series.Pie",
"Ext.PluginManager",
"Ext.util.Point",
"Ext.direct.PollingProvider",
"Ext.ProgressBar",
"Ext.grid.property.Store",
"Ext.data.proxy.Proxy",
"Ext.tip.QuickTip",
"Ext.tip.QuickTipManager",
"Ext.chart.series.Radar",
"Ext.form.field.Radio",
"Ext.form.RadioGroup",
"Ext.data.reader.Reader",
"Ext.util.Region",
"Ext.dd.Registry",
"Ext.direct.RemotingEvent",
"Ext.direct.RemotingProvider",
"Ext.data.Request",
"Ext.resizer.Resizer",
"Ext.resizer.ResizeTracker",
"Ext.data.proxy.Rest",
"Ext.data.ResultSet",
"Ext.grid.feature.RowBody",
"Ext.grid.plugin.RowEditing",
"Ext.selection.RowModel",
"Ext.grid.RowNumberer",
"Ext.chart.series.Scatter",
"Ext.data.proxy.JsonP",
"Ext.dd.ScrollManager",
"Ext.selection.Model",
"Ext.chart.series.Series",
"Ext.chart.series.Gauge",
"Ext.data.proxy.Server",
"Ext.data.proxy.SessionStorage",
"Ext.Shadow",
"Ext.slider.Single",
"Ext.slider.Tip",
"Ext.util.Sortable",
"Ext.util.Sorter",
"Ext.data.SortTypes",
"Ext.toolbar.Spacer",
"Ext.form.field.Spinner",
"Ext.button.Split",
"Ext.resizer.Splitter",
"Ext.form.action.StandardSubmit",
"Ext.state.Stateful",
"Ext.state.Manager",
"Ext.state.Provider",
"Ext.dd.StatusProxy",
"Ext.data.Store",
"Ext.data.StoreManager",
"Ext.form.action.Submit",
"Ext.grid.feature.Summary",
"Ext.draw.Surface",
"Ext.draw.engine.Svg",
"Ext.tab.Tab",
"Ext.tab.Bar",
"Ext.view.TableChunker",
"Ext.layout.container.Table",
"Ext.tab.Panel",
"Ext.fx.target.Target",
"Ext.fx.target.CompositeElement",
"Ext.fx.target.CompositeSprite",
"Ext.fx.target.Element",
"Ext.fx.target.Sprite",
"Ext.TaskManager",
"Ext.util.TaskRunner",
"Ext.Template",
"Ext.grid.column.Template",
"Ext.form.field.Text",
"Ext.form.field.TextArea",
"Ext.toolbar.TextItem",
"Ext.util.TextMetrics",
"Ext.form.field.Time",
"Ext.tip.Tip",
"Ext.panel.Tool",
"Ext.toolbar.Toolbar",
"Ext.toolbar.Item",
"Ext.toolbar.Separator",
"Ext.tip.ToolTip",
"Ext.fx.target.Component",
"Ext.direct.Transaction",
"Ext.data.Tree",
"Ext.tree.Panel",
"Ext.data.TreeStore",
"Ext.tree.View",
"Ext.form.field.Trigger",
"Ext.data.Types",
"Ext.data.validations",
"Ext.layout.container.VBox",
"Ext.view.View",
"Ext.tree.plugin.TreeViewDragDrop",
"Ext.container.Viewport",
"Ext.view.Table",
"Ext.draw.engine.Vml",
"Ext.form.field.VTypes",
"Ext.data.proxy.WebStorage",
"Ext.window.Window",
"Ext.WindowManager",
"Ext.data.writer.Writer",
"Ext.data.reader.Xml",
"Ext.data.writer.Xml",
"Ext.XTemplate",
"Ext.XTemplateCompiler",
"Ext.XTemplateParser",
"Ext.ZIndexManager",
"Ext.data.XmlStore",
"Ext.data.JsonStore",
"Ext.data.JsonPStore",
"Ext.data.ArrayStore",
"Ext.data.NodeStore",
"Ext.grid.property.Property",
"Ext.panel.Table",
"Ext.layout.Layout",
"Ext.layout.container.Container",
"Ext.layout.component.Component",
"Ext.layout.component.AbstractDock",
"Ext.layout.component.Auto",
"Ext.layout.component.Body",
"Ext.layout.component.BoundList",
"Ext.layout.component.Button",
"Ext.layout.component.Dock",
"Ext.layout.component.Draw",
"Ext.layout.component.Editor",
"Ext.layout.component.FieldSet",
"Ext.layout.component.ProgressBar",
"Ext.layout.component.Tab",
"Ext.layout.component.Tip",
"Ext.layout.component.field.Field",
"Ext.layout.component.field.File",
"Ext.layout.component.field.HtmlEditor",
"Ext.layout.component.field.Slider",
"Ext.layout.component.field.Text",
"Ext.layout.component.field.TextArea",
"Ext.layout.component.field.Trigger",
"Ext.ShadowPool",
"Ext.state.LocalStorageProvider",
"Ext.selection.TreeModel",
"Ext.selection.CellModel",
"Ext.ux.CheckColumn",
"Ext.grid.Lockable",
"Ext.grid.LockingView",
"Ext.grid.feature.AbstractSummary",
"Ext.chart.Callout",
"Ext.chart.Highlight",
"Ext.chart.Navigation",
"Ext.chart.Shape",
"Ext.chart.Tip",
"Ext.chart.TipSurface",
"Ext.chart.theme.Theme",
"Ext.chart.theme.Base",
"Ext.chart.axis.Abstract",
"Ext.chart.axis.Radial",
"Ext.slider.Thumb",
"Ext.util.Memento",
"Ext.direct.Event",
"Ext.direct.RemotingMethod",
"Ext.fx.CubicBezier",
"Ext.fx.Manager",
"Ext.fx.Queue",
"Ext.fx.PropertyHandler",
"Ext.tree.ViewDropZone",
"Ext.tree.ViewDragZone",
"Ext.view.DragZone",
"Ext.view.DropZone",
"Ext.resizer.SplitterTracker",
"Ext.panel.Proxy",
"Ext.panel.DD",
"Ext.grid.header.DragZone",
"Ext.grid.ViewDropZone",
"Ext.util.ElementContainer",
"Ext.util.ProtoElement",
"Ext.util.Renderable",
"Ext.layout.Context",
"Ext.layout.ContextItem",
"Ext.util.Bindable",
"Ext.grid.PagingScroller"
];
Extjs学习笔记--(一vs增加extjs智能感知)
Extjs学习笔记--(一vs增加extjs智能感知)
2,运行下面页面



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link href="Extjs/resources/css/ext-all.css" rel="stylesheet" /> <script src="Extjs/bootstrap.js"></script> <script src="Extjs/class.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function(){ //建立命名管道 Ext.ns("VS.Ext"); var processPrototype=function(s,d){ //处理静态方法 for(var c in s){ if(s.hasOwnProperty(c)){ d[c]=""; } } //处理原型 for(var c in s.prototype){ d[c]=""; } } //处理实例 var processInst=function(s,d){ for(var c in s){ d[c]=""; } } //处理Ext对象 for(var c in Ext){ if(Ext.hasOwnProperty(c)){ var p=Ext[c]; if(Ext.isObject(p)){ if(!p["$className"]){ if( ["buildSettings","versions","lastRegisteredVersion"].indexOf(c)>=0 ){ VS.Ext[c]=p; } } }else if(Ext.isFunction(p)){ if(!p["$className"]){ VS.Ext[c]=""; } }else{ VS.Ext[c]=""; } } } //枚举对象 Ext.Array.each(classList,function(classname){ Ext.ns("VS."+classname); var d=classname.split("."), sobj=Ext[d[1]], dobj=VS.Ext[d[1]]; if(d.length >= 3){ sobj=sobj[d[2]], dobj=dobj[d[2]]; } if(d.length == 4){ sobj=sobj[d[3]]; dobj=dobj[d[3]]; } if(sobj && dobj){ if(Ext.isObject(sobj)){ processInst(sobj,dobj); }else{ if(sobj.prototype){ processPrototype(sobj,dobj); } } } }) var html="Ext="+Ext.encode(VS.Ext)+"<br/>"; //处理别名 for(var c in Ext.ClassManager.maps.alternateToName){ html+=c+"="+Ext.ClassManager.maps.alternateToName[c]+"</br>"; } Ext.getBody().dom.innerHTML=html; }) </script> </body> </html>
Extjs学习笔记--(一vs增加extjs智能感知)

3复制页面json字符串拷贝到新建的Ext.js文件中

4,增加另一个扩展Jscript.js文件写入/// <reference path="Ext.js" /

5,在页面中增加Jscript.js的引用

Extjs学习笔记--(一vs增加extjs智能感知),布布扣,bubuko.com

Extjs学习笔记--(一vs增加extjs智能感知)

上一篇:jquery插件的使用2-jquery.fn.extend


下一篇:CSS设置图片居中的方法