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"
];

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)>= ){
                                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[]],
                    dobj=VS.Ext[d[]];
                if(d.length >= ){
                    sobj=sobj[d[]],
                    dobj=dobj[d[]];
                }
                if(d.length == ){
                    sobj=sobj[d[]];
                    dobj=dobj[d[]];
                }
                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>

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

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

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