zoukankan      html  css  js  c++  java
  • 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)>=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>

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

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

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

  • 相关阅读:
    Yii调试插件yii-debug-toolbar的使用
    IE8不支持indexOf的解决办法
    使用wkhtmltopdf的一些事情
    mac sourcetree 启用 Beyond compare
    Java基础学习之(5)--impact和package
    Java基础学习之(3)--面向对象2--重载
    Java基础学习之(4)--面向对象3--this+static关键字
    Java基础学习之(2)--面向对象1
    Java基础学习之(1)--标识符、关键字、数据类型
    java学习(7)iterator迭代器
  • 原文地址:https://www.cnblogs.com/anbylau2130/p/3573957.html
Copyright © 2011-2022 走看看