docs/api/Ext.data.proxy.WebStorage.html

   1 <!DOCTYPE html><html><head><title>Ext.data.proxy.WebStorage | Ext JS 4.0 Documentation</title><script type="text/javascript" src="../ext-all.js"></script><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../scrollbars.css" type="text/css"><link rel="stylesheet" href="../docs.css" type="text/css"><link id="styleCss" rel="stylesheet" href="../style.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script><link rel="stylesheet" href="../prettify.css" type="text/css"><!-- link(rel: 'stylesheet', href: req.baseURL + '/css/ext4.css', type: 'text/css')--><link rel="shortcut icon" type="image/ico" href="../favicon.ico"><!--[if IE]>
   2 <style type="text/css">.head-band { display: none; }
   3 .header { border: 0; top: 0; left: 0px; background: url(../header.gif) repeat-x; }
   4 .doc-tab .members .member a.more { background-color: #efefef; }
   5 </style><link rel="stylesheet" href="/new/css/ie.css" type="text/css"><![endif]-->
   6 </head><body id="ext-body" class="iScroll"><div id="notice" class="notice">For up to date documentation and features, visit
   7 <a href="http://docs.sencha.com/ext-js/4-0">http://docs.sencha.com/ext-js/4-0</a></div><div class="wrapper"><div class="head-band"></div><div class="header"><h2><a href="../index.html">Sencha Documentation</a></h2></div><div id="search"><form><input type="text" placeholder="Search" id="search-field" autocomplete="off" name="q"></form><div id="search-box"></div></div><div id="treePanel"></div><div id="container"><script type="text/javascript">
   8
   9     req = {
  10         liveURL: '.',
  11         standAloneMode: true,
  12         origDocClass: 'Ext.data.proxy.WebStorage',
  13         docClass: 'Ext.data.proxy.WebStorage',
  14         docReq: 'Ext.data.proxy.WebStorage',
  15         version: '4.0',
  16         baseURL: '.',
  17         baseDocURL: '.',
  18         baseProdURL: '.'
  19     };
  20
  21     clsInfo = {};
  22
  23
  24
  25 </script>
  26
  27 <script type="text/javascript" src="../search.js"></script>
  28 <!--script type="text/javascript" src="/new/javascripts/app/examples.js"></script-->
  29 <script type="text/javascript" src="../class_tree.js"></script>
  30 <script type="text/javascript" src="../class_doc.js"></script>
  31 <script type="text/javascript">
  32     req.source = 'WebStorage.html#Ext-data.proxy.WebStorage';
  33     clsInfo = {"methods":["WebStorage","addEvents","addListener","addManagedListener","batch","capture","clear","clearListeners","clearManagedListeners","enableBubble","fireEvent","getModel","getReader","getWriter","hasListener","observe","on","relayEvents","releaseCapture","removeListener","removeManagedListener","resumeEvents","setModel","setReader","setRecord","setWriter","suspendEvents","un"],"cfgs":["batchActions","batchOrder","id","listeners","model"],"properties":["cache","create","destroy","read","update"],"events":[],"subclasses":["Ext.data.proxy.LocalStorage","Ext.data.proxy.SessionStorage"]};
  34     Ext.onReady(function() {
  35         Ext.create('Docs.classPanel');
  36     });
  37 </script><div id="top-block" class="top-block"><h1 id="clsTitle" class="cls"><a href="../source/WebStorage.html#Ext-data.proxy.WebStorage" target="_blank">Ext.data.proxy.WebStorage</a></h1></div><div id="docContent"><div id="doc-overview-content"><div class="lft"><pre class="subclasses"><h4>Hierarchy</h4><div class="subclass f"><a href="Ext.data.proxy.Proxy.html" rel="Ext.data.proxy.Proxy" class="cls docClass">Ext.data.proxy.Proxy</a><div class="subclass"><a href="Ext.data.proxy.Client.html" rel="Ext.data.proxy.Client" class="cls docClass">Ext.data.proxy.Client</a><div class="subclass"><strong>Ext.data.proxy.WebStorage</strong></div></div></div><h4>Mixins</h4><div class="mixin"><a href="Ext.util.Observable.html" rel="Ext.util.Observable" class="cls docClass">Ext.util.Observable</a></div></pre><p>WebStorageProxy is simply a superclass for the <a href="Ext.data.proxy.LocalStorage.html" rel="Ext.data.proxy.LocalStorage" class="docClass">localStorage</a> and
  38 <a href="Ext.data.proxy.SessionStorage.html" rel="Ext.data.proxy.SessionStorage" class="docClass">sessionStorage</a> proxies. It uses the new HTML5 key/value client-side storage
  39 objects to save <a href="Ext.data.Model.html" rel="Ext.data.Model" class="docClass">model instances</a> for offline use.</p>
  40
  41 <div class="members"><div class="m-cfgs"><div class="definedBy">Defined By</div><a name="configs"></a><h3 class="cfg p">Config Options</h3><h4 class="cfgGroup">Other Configs</h4><div id="config-batchActions" class="member f inherited"><a href="Ext.data.proxy.WebStorage.html#config-batchActions" rel="config-batchActions" class="expand more"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-cfg-batchActions" class="viewSource">view source</a></div><a name="batchActions"></a><a name="config-batchActions"></a><a href="Ext.data.proxy.WebStorage.html#" rel="config-batchActions" class="cls expand">batchActions</a><span> : Boolean</span></div><div class="description"><div class="short"><p>True to batch actions of a particular type when synchronizing the store.
  42 Defaults to <tt>true</tt>.</p>
  43 </div><div class="long"><p>True to batch actions of a particular type when synchronizing the store.
  44 Defaults to <tt>true</tt>.</p>
  45 </div></div></div><div id="config-batchOrder" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#config-batchOrder" rel="config-batchOrder" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-cfg-batchOrder" class="viewSource">view source</a></div><a name="batchOrder"></a><a name="config-batchOrder"></a><a href="Ext.data.proxy.WebStorage.html#" rel="config-batchOrder" class="cls expand">batchOrder</a><span> : String</span></div><div class="description"><div class="short">Comma-separated ordering 'create', 'update' and 'destroy' actions when batching. Override this
  46 to set a different ord...</div><div class="long"><p>Comma-separated ordering 'create', 'update' and 'destroy' actions when batching. Override this
  47 to set a different order for the batched CRUD actions to be executed in. Defaults to 'create,update,destroy'</p>
  48 </div></div></div><div id="config-id" class="member ni"><a href="Ext.data.proxy.WebStorage.html#config-id" rel="config-id" class="expand more"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.WebStorage.html" class="definedIn docClass">Ext.data.proxy.WebStorage</a><br/><a href="../source/WebStorage.html#Ext-data.proxy.WebStorage-cfg-id" class="viewSource">view source</a></div><a name="id"></a><a name="config-id"></a><a href="Ext.data.proxy.WebStorage.html#" rel="config-id" class="cls expand">id</a><span> : String</span></div><div class="description"><div class="short"><p>The unique ID used as the key in which all record data are stored in the local storage object</p>
  49 </div><div class="long"><p>The unique ID used as the key in which all record data are stored in the local storage object</p>
  50 </div></div></div><div id="config-listeners" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#config-listeners" rel="config-listeners" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-cfg-listeners" class="viewSource">view source</a></div><a name="listeners"></a><a name="config-listeners"></a><a href="Ext.data.proxy.WebStorage.html#" rel="config-listeners" class="cls expand">listeners</a><span> : Object</span></div><div class="description"><div class="short">(optional) A config object containing one or more event handlers to be added to this
  51 object during initialization.  T...</div><div class="long"><p>(optional) <p>A config object containing one or more event handlers to be added to this
  52 object during initialization.  This should be a valid listeners config object as specified in the
  53 <a href="Ext.data.proxy.WebStorage.html#addListener" rel="Ext.data.proxy.WebStorage#addListener" class="docClass">addListener</a> example for attaching multiple handlers at once.</p></p>
  54
  55 <br><p><b><u>DOM events from ExtJs <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Components</a></u></b></p>
  56
  57
  58 <br><p>While <i>some</i> ExtJs Component classes export selected DOM events (e.g. "click", "mouseover" etc), this
  59
  60
  61 <p>is usually only done when extra value can be added. For example the <a href="Ext.view.View.html" rel="Ext.view.View" class="docClass">DataView</a>'s
  62 <b><code><a href="Ext.view.View.html#click" rel="Ext.view.View#click" class="docClass">click</a></code></b> event passing the node clicked on. To access DOM
  63 events directly from a child element of a Component, we need to specify the <code>element</code> option to
  64 identify the Component property to add a DOM listener to:</p>
  65
  66 <pre><code>new Ext.panel.Panel({
  67     width: 400,
  68     height: 200,
  69     dockedItems: [{
  70         xtype: 'toolbar'
  71     }],
  72     listeners: {
  73         click: {
  74             element: 'el', //bind to the underlying el property on the panel
  75             fn: function(){ console.log('click el'); }
  76         },
  77         dblclick: {
  78             element: 'body', //bind to the underlying body property on the panel
  79             fn: function(){ console.log('dblclick body'); }
  80         }
  81     }
  82 });
  83 </code></pre>
  84
  85
  86 <p></p></p>
  87 </div></div></div><div id="config-model" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#config-model" rel="config-model" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-cfg-model" class="viewSource">view source</a></div><a name="model"></a><a name="config-model"></a><a href="Ext.data.proxy.WebStorage.html#" rel="config-model" class="cls expand">model</a><span> : String/Ext.data.Model</span></div><div class="description"><div class="short">The name of the Model to tie to this Proxy. Can be either the string name of
  88 the Model, or a reference to the Model c...</div><div class="long"><p>The name of the Model to tie to this Proxy. Can be either the string name of
  89 the Model, or a reference to the Model constructor. Required.</p>
  90 </div></div></div></div><div class="m-properties"><a name="properties"></a><div class="definedBy">Defined By</div><h3 class="prp p">Properties</h3><div id="property-cache" class="member f ni"><a href="Ext.data.proxy.WebStorage.html#property-cache" rel="property-cache" class="expand more"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.WebStorage.html" class="definedIn docClass">Ext.data.proxy.WebStorage</a><br/><a href="../source/WebStorage.html#Ext-data.proxy.WebStorage-property-cache" class="viewSource">view source</a></div><a name="cache"></a><a name="property-cache"></a><a href="Ext.data.proxy.WebStorage.html#" rel="property-cache" class="cls expand">cache</a><span> : Object</span></div><div class="description"><div class="short"><p>Cached map of records already retrieved by this Proxy - ensures that the same instance is always retrieved</p>
  91 </div><div class="long"><p>Cached map of records already retrieved by this Proxy - ensures that the same instance is always retrieved</p>
  92 </div></div></div><div id="property-create" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#property-create" rel="property-create" class="expand more"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-property-create" class="viewSource">view source</a></div><a name="create"></a><a name="property-create"></a><a href="Ext.data.proxy.WebStorage.html#" rel="property-create" class="cls expand">create</a><span> : Object</span></div><div class="description"><div class="short"><p>Performs the given create operation.</p>
  93 </div><div class="long"><p>Performs the given create operation.</p>
  94 </div></div></div><div id="property-destroy" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#property-destroy" rel="property-destroy" class="expand more"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-property-destroy" class="viewSource">view source</a></div><a name="destroy"></a><a name="property-destroy"></a><a href="Ext.data.proxy.WebStorage.html#" rel="property-destroy" class="cls expand">destroy</a><span> : Object</span></div><div class="description"><div class="short"><p>Performs the given destroy operation.</p>
  95 </div><div class="long"><p>Performs the given destroy operation.</p>
  96 </div></div></div><div id="property-read" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#property-read" rel="property-read" class="expand more"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-property-read" class="viewSource">view source</a></div><a name="read"></a><a name="property-read"></a><a href="Ext.data.proxy.WebStorage.html#" rel="property-read" class="cls expand">read</a><span> : Object</span></div><div class="description"><div class="short"><p>Performs the given read operation.</p>
  97 </div><div class="long"><p>Performs the given read operation.</p>
  98 </div></div></div><div id="property-update" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#property-update" rel="property-update" class="expand more"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-property-update" class="viewSource">view source</a></div><a name="update"></a><a name="property-update"></a><a href="Ext.data.proxy.WebStorage.html#" rel="property-update" class="cls expand">update</a><span> : Object</span></div><div class="description"><div class="short"><p>Performs the given update operation.</p>
  99 </div><div class="long"><p>Performs the given update operation.</p>
 100 </div></div></div></div><div class="m-methods"><a name="methods"></a><div class="definedBy">Defined By</div><h3 class="mth p">Methods</h3><div id="method-WebStorage" class="member f ni"><a href="Ext.data.proxy.WebStorage.html#method-WebStorage" rel="method-WebStorage" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.WebStorage.html" class="definedIn docClass">Ext.data.proxy.WebStorage</a><br/><a href="../source/WebStorage.html#Ext-data.proxy.WebStorage-method-constructor" class="viewSource">view source</a></div><a name="WebStorage"></a><a name="method-WebStorage"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-WebStorage" class="cls expand">WebStorage</a>(
 101 <span class="pre">Object config</span>)
 102  : void</div><div class="description"><div class="short"><p>Creates the proxy, throws an error if local storage is not supported in the current browser</p>
 103 </div><div class="long"><p>Creates the proxy, throws an error if local storage is not supported in the current browser</p>
 104 <h3 class="pa">Parameters</h3><ul><li><span class="pre">config</span> : Object<div class="sub-desc"><p>Optional config object</p>
 105 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 106 </li></ul></div></div></div><div id="method-addEvents" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-addEvents" rel="method-addEvents" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-addEvents" class="viewSource">view source</a></div><a name="addEvents"></a><a name="method-addEvents"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-addEvents" class="cls expand">addEvents</a>(
 107 <span class="pre">Object/String o, String </span>)
 108  : void</div><div class="description"><div class="short"><p>Adds the specified events to the list of events which this Observable may fire.</p>
 109 </div><div class="long"><p>Adds the specified events to the list of events which this Observable may fire.</p>
 110 <h3 class="pa">Parameters</h3><ul><li><span class="pre">o</span> : Object/String<div class="sub-desc"><p>Either an object with event names as properties with a value of <code>true</code>
 111 or the first event name string if multiple event names are being passed as separate parameters.</p>
 112 </div></li><li><span class="pre"></span> : String<div class="sub-desc"><p>[additional] Optional additional event names if multiple event names are being passed as separate parameters.
 113 Usage:</p>
 114
 115 <pre><code>this.addEvents('storeloaded', 'storecleared');
 116 </code></pre>
 117
 118 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 119 </li></ul></div></div></div><div id="method-addListener" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-addListener" rel="method-addListener" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-addListener" class="viewSource">view source</a></div><a name="addListener"></a><a name="method-addListener"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-addListener" class="cls expand">addListener</a>(
 120 <span class="pre">String eventName, Function handler, [Object scope], [Object options]</span>)
 121  : void</div><div class="description"><div class="short"><p>Appends an event handler to this object.</p>
 122 </div><div class="long"><p>Appends an event handler to this object.</p>
 123 <h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of the event to listen for. May also be an object who's property names are event names. See</p>
 124 </div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The method the event invokes.</p>
 125 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
 126 <b>If omitted, defaults to the object which fired the event.</b></p>
 127 </div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) An object containing handler configuration.
 128 properties. This may contain any of the following properties:<ul>
 129 <li><b>scope</b> : Object<div class="sub-desc">The scope (<code><b>this</b></code> reference) in which the handler function is executed.
 130 <b>If omitted, defaults to the object which fired the event.</b></div></li>
 131 <li><b>delay</b> : Number<div class="sub-desc">The number of milliseconds to delay the invocation of the handler after the event fires.</div></li>
 132 <li><b>single</b> : Boolean<div class="sub-desc">True to add a handler to handle just the next firing of the event, and then remove itself.</div></li>
 133 <li><b>buffer</b> : Number<div class="sub-desc">Causes the handler to be scheduled to run in an <a href="Ext.util.DelayedTask.html" rel="Ext.util.DelayedTask" class="docClass">Ext.util.DelayedTask</a> delayed
 134 by the specified number of milliseconds. If the event fires again within that time, the original
 135 handler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>
 136 <li><b>target</b> : Observable<div class="sub-desc">Only call the handler if the event was fired on the target Observable, <i>not</i>
 137 if the event was bubbled up from a child Observable.</div></li>
 138 <li><b>element</b> : String<div class="sub-desc"><b>This option is only valid for listeners bound to <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Components</a>.</b>
 139 The name of a Component property which references an element to add a listener to.</p>
 140
 141 <p>This option is useful during Component construction to add DOM event listeners to elements of <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Components</a> which
 142 will exist only after the Component is rendered. For example, to add a click listener to a Panel's body:
 143 <pre><code>new Ext.panel.Panel({
 144     title: 'The title',
 145     listeners: {
 146         click: this.handlePanelClick,
 147         element: 'body'
 148     }
 149 });
 150 </code></pre></p>
 151
 152
 153 <p>When added in this way, the options available are the options applicable to <a href="Ext.core.Element.html#addListener" rel="Ext.core.Element#addListener" class="docClass">Ext.core.Element.addListener</a></p>
 154
 155
 156 <p></div></li>
 157 </ul><br></p>
 158
 159 <p>
 160 <b>Combining Options</b><br>
 161 Using the options argument, it is possible to combine different types of listeners:<br>
 162 <br>
 163 A delayed, one-time listener.
 164 <pre><code>myPanel.on('hide', this.handleClick, this, {
 165 single: true,
 166 delay: 100
 167 });</code></pre>
 168 <p>
 169 <b>Attaching multiple handlers in 1 call</b><br>
 170 The method also allows for a single argument to be passed which is a config object containing properties
 171 which specify multiple events. For example:
 172 <pre><code>myGridPanel.on({
 173     cellClick: this.onCellClick,
 174     mouseover: this.onMouseOver,
 175     mouseout: this.onMouseOut,
 176     scope: this // Important. Ensure "this" is correct during handler execution
 177 });
 178 </code></pre>.
 179 <p>
 180
 181 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 182 </li></ul></div></div></div><div id="method-addManagedListener" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-addManagedListener" rel="method-addManagedListener" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-addManagedListener" class="viewSource">view source</a></div><a name="addManagedListener"></a><a name="method-addManagedListener"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-addManagedListener" class="cls expand">addManagedListener</a>(
 183 <span class="pre">Observable/Element item, Object/String ename, Function fn, Object scope, Object opt</span>)
 184  : void</div><div class="description"><div class="short"><p>Adds listeners to any Observable object (or Element) which are automatically removed when this Component
 185 is destroyed.
 186
 187 </div><div class="long"><p>Adds listeners to any Observable object (or Element) which are automatically removed when this Component
 188 is destroyed.
 189
 190 <h3 class="pa">Parameters</h3><ul><li><span class="pre">item</span> : Observable/Element<div class="sub-desc"><p>The item to which to add a listener/listeners.</p>
 191 </div></li><li><span class="pre">ename</span> : Object/String<div class="sub-desc"><p>The event name, or an object containing event name properties.</p>
 192 </div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
 193 is the handler function.</p>
 194 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
 195 is the scope (<code>this</code> reference) in which the handler function is executed.</p>
 196 </div></li><li><span class="pre">opt</span> : Object<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
 197 is the <a href="Ext.util.Observable.html#addListener" rel="Ext.util.Observable#addListener" class="docClass">addListener</a> options.</p>
 198 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 199 </li></ul></div></div></div><div id="method-batch" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-batch" rel="method-batch" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-method-batch" class="viewSource">view source</a></div><a name="batch"></a><a name="method-batch"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-batch" class="cls expand">batch</a>(
 200 <span class="pre">Object operations, Object listeners</span>)
 201  : Ext.data.Batch</div><div class="description"><div class="short">Performs a batch of Operations, in the order specified by batchOrder. Used internally by
 202 Ext.data.Store's sync method...</div><div class="long"><p>Performs a batch of <a href="Ext.data.Operation.html" rel="Ext.data.Operation" class="docClass">Operations</a>, in the order specified by <a href="Ext.data.proxy.WebStorage.html#batchOrder" rel="Ext.data.proxy.WebStorage#batchOrder" class="docClass">batchOrder</a>. Used internally by
 203 <a href="Ext.data.Store.html" rel="Ext.data.Store" class="docClass">Ext.data.Store</a>'s <a href="Ext.data.Store.html#sync" rel="Ext.data.Store#sync" class="docClass">sync</a> method. Example usage:</p>
 204
 205 <pre><code>myProxy.batch({
 206     create : [myModel1, myModel2],
 207     update : [myModel3],
 208     destroy: [myModel4, myModel5]
 209 });
 210 </code></pre>
 211
 212
 213 <p>Where the myModel* above are <a href="Ext.data.Model.html" rel="Ext.data.Model" class="docClass">Model</a> instances - in this case 1 and 2 are new instances and have not been
 214 saved before, 3 has been saved previously but needs to be updated, and 4 and 5 have already been saved but should now be destroyed.</p>
 215 <h3 class="pa">Parameters</h3><ul><li><span class="pre">operations</span> : Object<div class="sub-desc"><p>Object containing the Model instances to act upon, keyed by action name</p>
 216 </div></li><li><span class="pre">listeners</span> : Object<div class="sub-desc"><p>Optional listeners object passed straight through to the Batch - see <a href="Ext.data.Batch.html" rel="Ext.data.Batch" class="docClass">Ext.data.Batch</a></p>
 217 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.data.Batch</span>&nbsp; &nbsp;<p>The newly created <a href="Ext.data.Batch.html" rel="Ext.data.Batch" class="docClass">Ext.data.Batch</a> object</p>
 218 </li></ul></div></div></div><div id="method-capture" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-capture" rel="method-capture" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-capture" class="viewSource">view source</a></div><a name="capture"></a><a name="method-capture"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-capture" class="cls expand">capture</a>(
 219 <span class="pre">Observable o, Function fn, [Object scope]</span>)
 220  : void</div><div class="description"><div class="short">Starts capture on the specified Observable. All events will be passed
 221 to the supplied function with the event name + ...</div><div class="long"><p>Starts capture on the specified Observable. All events will be passed
 222 to the supplied function with the event name + standard signature of the event
 223 <b>before</b> the event is fired. If the supplied function returns false,
 224 the event will not fire.</p>
 225 <h3 class="pa">Parameters</h3><ul><li><span class="pre">o</span> : Observable<div class="sub-desc"><p>The Observable to capture events from.</p>
 226 </div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The function to call when an event is fired.</p>
 227 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code>this</code> reference) in which the function is executed. Defaults to the Observable firing the event.</p>
 228 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 229 </li></ul></div></div></div><div id="method-clear" class="member ni"><a href="Ext.data.proxy.WebStorage.html#method-clear" rel="method-clear" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.WebStorage.html" class="definedIn docClass">Ext.data.proxy.WebStorage</a><br/><a href="../source/WebStorage.html#Ext-data.proxy.WebStorage-method-clear" class="viewSource">view source</a></div><a name="clear"></a><a name="method-clear"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-clear" class="cls expand">clear</a> : void</div><div class="description"><div class="short">Destroys all records stored in the proxy and removes all keys and values used to support the proxy from the storage o...</div><div class="long"><p>Destroys all records stored in the proxy and removes all keys and values used to support the proxy from the storage object</p>
 230 <h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 231 </li></ul></div></div></div><div id="method-clearListeners" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-clearListeners" rel="method-clearListeners" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-clearListeners" class="viewSource">view source</a></div><a name="clearListeners"></a><a name="method-clearListeners"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-clearListeners" class="cls expand">clearListeners</a> : void</div><div class="description"><div class="short"><p>Removes all listeners for this object including the managed listeners</p>
 232 </div><div class="long"><p>Removes all listeners for this object including the managed listeners</p>
 233 <h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 234 </li></ul></div></div></div><div id="method-clearManagedListeners" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-clearManagedListeners" rel="method-clearManagedListeners" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-clearManagedListeners" class="viewSource">view source</a></div><a name="clearManagedListeners"></a><a name="method-clearManagedListeners"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-clearManagedListeners" class="cls expand">clearManagedListeners</a> : void</div><div class="description"><div class="short"><p>Removes all managed listeners for this object.</p>
 235 </div><div class="long"><p>Removes all managed listeners for this object.</p>
 236 <h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 237 </li></ul></div></div></div><div id="method-enableBubble" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-enableBubble" rel="method-enableBubble" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-enableBubble" class="viewSource">view source</a></div><a name="enableBubble"></a><a name="method-enableBubble"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-enableBubble" class="cls expand">enableBubble</a>(
 238 <span class="pre">String/Array events</span>)
 239  : void</div><div class="description"><div class="short">Enables events fired by this Observable to bubble up an owner hierarchy by calling
 240 this.getBubbleTarget() if present....</div><div class="long"><p>Enables events fired by this Observable to bubble up an owner hierarchy by calling
 241 <code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>
 242
 243
 244 <p>This is commonly used by Ext.Components to bubble events to owner Containers. See <a href="Ext.Component.html#getBubbleTarget" rel="Ext.Component#getBubbleTarget" class="docClass">Ext.Component.getBubbleTarget</a>. The default
 245 implementation in <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> returns the Component's immediate owner. But if a known target is required, this can be overridden to
 246 access the required target more quickly.</p>
 247
 248
 249 <p>Example:</p>
 250
 251
 252 <pre><code>Ext.override(Ext.form.field.Base, {
 253 //  Add functionality to Field&#39;s initComponent to enable the change event to bubble
 254 initComponent : Ext.Function.createSequence(Ext.form.field.Base.prototype.initComponent, function() {
 255     this.enableBubble('change');
 256 }),
 257
 258 //  We know that we want Field&#39;s events to bubble directly to the FormPanel.
 259 getBubbleTarget : function() {
 260     if (!this.formPanel) {
 261         this.formPanel = this.findParentByType('form');
 262     }
 263     return this.formPanel;
 264 }
 265 });
 266
 267 var myForm = new Ext.formPanel({
 268 title: 'User Details',
 269 items: [{
 270     ...
 271 }],
 272 listeners: {
 273     change: function() {
 274         // Title goes red if form has been modified.
 275         myForm.header.setStyle('color', 'red');
 276     }
 277 }
 278 });
 279 </code></pre>
 280
 281 <h3 class="pa">Parameters</h3><ul><li><span class="pre">events</span> : String/Array<div class="sub-desc"><p>The event name to bubble, or an Array of event names.</p>
 282 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 283 </li></ul></div></div></div><div id="method-fireEvent" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-fireEvent" rel="method-fireEvent" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-fireEvent" class="viewSource">view source</a></div><a name="fireEvent"></a><a name="method-fireEvent"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-fireEvent" class="cls expand">fireEvent</a>(
 284 <span class="pre">String eventName, Object... args</span>)
 285  : Boolean</div><div class="description"><div class="short">Fires the specified event with the passed parameters (minus the event name).
 286
 287
 288 An event may be set to bubble up an Ob...</div><div class="long"><p>Fires the specified event with the passed parameters (minus the event name).</p>
 289
 290
 291 <p>An event may be set to bubble up an Observable parent hierarchy (See <a href="Ext.Component.html#getBubbleTarget" rel="Ext.Component#getBubbleTarget" class="docClass">Ext.Component.getBubbleTarget</a>)
 292 by calling <a href="Ext.data.proxy.WebStorage.html#enableBubble" rel="Ext.data.proxy.WebStorage#enableBubble" class="docClass">enableBubble</a>.</p>
 293
 294 <h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of the event to fire.</p>
 295 </div></li><li><span class="pre">args</span> : Object...<div class="sub-desc"><p>Variable number of parameters are passed to handlers.</p>
 296 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span>&nbsp; &nbsp;<p>returns false if any of the handlers return false otherwise it returns true.</p>
 297 </li></ul></div></div></div><div id="method-getModel" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-getModel" rel="method-getModel" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-method-getModel" class="viewSource">view source</a></div><a name="getModel"></a><a name="method-getModel"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-getModel" class="cls expand">getModel</a> : Ext.data.Model</div><div class="description"><div class="short"><p>Returns the model attached to this Proxy</p>
 298 </div><div class="long"><p>Returns the model attached to this Proxy</p>
 299 <h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.data.Model</span>&nbsp; &nbsp;<p>The model</p>
 300 </li></ul></div></div></div><div id="method-getReader" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-getReader" rel="method-getReader" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-method-getReader" class="viewSource">view source</a></div><a name="getReader"></a><a name="method-getReader"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-getReader" class="cls expand">getReader</a> : Ext.data.reader.Reader</div><div class="description"><div class="short"><p>Returns the reader currently attached to this proxy instance</p>
 301 </div><div class="long"><p>Returns the reader currently attached to this proxy instance</p>
 302 <h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.data.reader.Reader</span>&nbsp; &nbsp;<p>The Reader instance</p>
 303 </li></ul></div></div></div><div id="method-getWriter" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-getWriter" rel="method-getWriter" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-method-getWriter" class="viewSource">view source</a></div><a name="getWriter"></a><a name="method-getWriter"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-getWriter" class="cls expand">getWriter</a> : Ext.data.writer.Writer</div><div class="description"><div class="short"><p>Returns the writer currently attached to this proxy instance</p>
 304 </div><div class="long"><p>Returns the writer currently attached to this proxy instance</p>
 305 <h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.data.writer.Writer</span>&nbsp; &nbsp;<p>The Writer instance</p>
 306 </li></ul></div></div></div><div id="method-hasListener" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-hasListener" rel="method-hasListener" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-hasListener" class="viewSource">view source</a></div><a name="hasListener"></a><a name="method-hasListener"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-hasListener" class="cls expand">hasListener</a>(
 307 <span class="pre">String eventName</span>)
 308  : Boolean</div><div class="description"><div class="short"><p>Checks to see if this object has any listeners for a specified event</p>
 309 </div><div class="long"><p>Checks to see if this object has any listeners for a specified event</p>
 310 <h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of the event to check for</p>
 311 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span>&nbsp; &nbsp;<p>True if the event is being listened for, else false</p>
 312 </li></ul></div></div></div><div id="method-observe" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-observe" rel="method-observe" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-observe" class="viewSource">view source</a></div><a name="observe"></a><a name="method-observe"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-observe" class="cls expand">observe</a>(
 313 <span class="pre">Function c, Object listeners</span>)
 314  : void</div><div class="description"><div class="short">Sets observability on the passed class constructor.
 315
 316 This makes any event fired on any instance of the passed class a...</div><div class="long"><p>Sets observability on the passed class constructor.</p>
 317
 318 <p>This makes any event fired on any instance of the passed class also fire a single event through
 319 the <strong>class</strong> allowing for central handling of events on many instances at once.</p>
 320
 321 <p>Usage:</p>
 322
 323 <pre><code>Ext.util.Observable.observe(Ext.data.Connection);
 324 Ext.data.Connection.on('beforerequest', function(con, options) {
 325     console.log('Ajax request made to ' + options.url);
 326 });
 327 </code></pre>
 328 <h3 class="pa">Parameters</h3><ul><li><span class="pre">c</span> : Function<div class="sub-desc"><p>The class constructor to make observable.</p>
 329 </div></li><li><span class="pre">listeners</span> : Object<div class="sub-desc"><p>An object containing a series of listeners to add. See <a href="Ext.data.proxy.WebStorage.html#addListener" rel="Ext.data.proxy.WebStorage#addListener" class="docClass">addListener</a>.</p>
 330 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 331 </li></ul></div></div></div><div id="method-on" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-on" rel="method-on" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-on" class="viewSource">view source</a></div><a name="on"></a><a name="method-on"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-on" class="cls expand">on</a>(
 332 <span class="pre">String eventName, Function handler, [Object scope], [Object options]</span>)
 333  : void</div><div class="description"><div class="short"><p>Appends an event handler to this object (shorthand for <a href="Ext.data.proxy.WebStorage.html#addListener" rel="Ext.data.proxy.WebStorage#addListener" class="docClass">addListener</a>.)</p>
 334 </div><div class="long"><p>Appends an event handler to this object (shorthand for <a href="Ext.data.proxy.WebStorage.html#addListener" rel="Ext.data.proxy.WebStorage#addListener" class="docClass">addListener</a>.)</p>
 335 <h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The type of event to listen for</p>
 336 </div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The method the event invokes</p>
 337 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
 338 <b>If omitted, defaults to the object which fired the event.</b></p>
 339 </div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) An object containing handler configuration.</p>
 340 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 341 </li></ul></div></div></div><div id="method-relayEvents" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-relayEvents" rel="method-relayEvents" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-relayEvents" class="viewSource">view source</a></div><a name="relayEvents"></a><a name="method-relayEvents"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-relayEvents" class="cls expand">relayEvents</a>(
 342 <span class="pre">Object origin, Array events, Object prefix</span>)
 343  : void</div><div class="description"><div class="short"><p>Relays selected events from the specified Observable as if the events were fired by <code><b>this</b></code>.</p>
 344 </div><div class="long"><p>Relays selected events from the specified Observable as if the events were fired by <code><b>this</b></code>.</p>
 345 <h3 class="pa">Parameters</h3><ul><li><span class="pre">origin</span> : Object<div class="sub-desc"><p>The Observable whose events this object is to relay.</p>
 346 </div></li><li><span class="pre">events</span> : Array<div class="sub-desc"><p>Array of event names to relay.</p>
 347 </div></li><li><span class="pre">prefix</span> : Object<div class="sub-desc">
 348 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 349 </li></ul></div></div></div><div id="method-releaseCapture" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-releaseCapture" rel="method-releaseCapture" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-releaseCapture" class="viewSource">view source</a></div><a name="releaseCapture"></a><a name="method-releaseCapture"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-releaseCapture" class="cls expand">releaseCapture</a>(
 350 <span class="pre">Observable o</span>)
 351  : void</div><div class="description"><div class="short"><p>Removes <b>all</b> added captures from the Observable.</p>
 352 </div><div class="long"><p>Removes <b>all</b> added captures from the Observable.</p>
 353 <h3 class="pa">Parameters</h3><ul><li><span class="pre">o</span> : Observable<div class="sub-desc"><p>The Observable to release</p>
 354 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 355 </li></ul></div></div></div><div id="method-removeListener" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-removeListener" rel="method-removeListener" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-removeListener" class="viewSource">view source</a></div><a name="removeListener"></a><a name="method-removeListener"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-removeListener" class="cls expand">removeListener</a>(
 356 <span class="pre">String eventName, Function handler, [Object scope]</span>)
 357  : void</div><div class="description"><div class="short"><p>Removes an event handler.</p>
 358 </div><div class="long"><p>Removes an event handler.</p>
 359 <h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The type of event the handler was associated with.</p>
 360 </div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The handler to remove. <b>This must be a reference to the function passed into the <a href="Ext.data.proxy.WebStorage.html#addListener" rel="Ext.data.proxy.WebStorage#addListener" class="docClass">addListener</a> call.</b></p>
 361 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope originally specified for the handler.</p>
 362 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 363 </li></ul></div></div></div><div id="method-removeManagedListener" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-removeManagedListener" rel="method-removeManagedListener" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-removeManagedListener" class="viewSource">view source</a></div><a name="removeManagedListener"></a><a name="method-removeManagedListener"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-removeManagedListener" class="cls expand">removeManagedListener</a>(
 364 <span class="pre">Observable|Element item, Object|String ename, Function fn, Object scope</span>)
 365  : void</div><div class="description"><div class="short"><p>Removes listeners that were added by the <a href="Ext.data.proxy.WebStorage.html#mon" rel="Ext.data.proxy.WebStorage#mon" class="docClass">mon</a> method.</p>
 366 </div><div class="long"><p>Removes listeners that were added by the <a href="Ext.data.proxy.WebStorage.html#mon" rel="Ext.data.proxy.WebStorage#mon" class="docClass">mon</a> method.</p>
 367 <h3 class="pa">Parameters</h3><ul><li><span class="pre">item</span> : Observable|Element<div class="sub-desc"><p>The item from which to remove a listener/listeners.</p>
 368 </div></li><li><span class="pre">ename</span> : Object|String<div class="sub-desc"><p>The event name, or an object containing event name properties.</p>
 369 </div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
 370 is the handler function.</p>
 371 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
 372 is the scope (<code>this</code> reference) in which the handler function is executed.</p>
 373 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 374 </li></ul></div></div></div><div id="method-resumeEvents" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-resumeEvents" rel="method-resumeEvents" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-resumeEvents" class="viewSource">view source</a></div><a name="resumeEvents"></a><a name="method-resumeEvents"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-resumeEvents" class="cls expand">resumeEvents</a> : void</div><div class="description"><div class="short">Resume firing events. (see suspendEvents)
 375 If events were suspended using the queueSuspended parameter, then all
 376 event...</div><div class="long"><p>Resume firing events. (see <a href="Ext.data.proxy.WebStorage.html#suspendEvents" rel="Ext.data.proxy.WebStorage#suspendEvents" class="docClass">suspendEvents</a>)
 377 If events were suspended using the <code><b>queueSuspended</b></code> parameter, then all
 378 events fired during event suspension will be sent to any listeners now.</p>
 379 <h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 380 </li></ul></div></div></div><div id="method-setModel" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-setModel" rel="method-setModel" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-method-setModel" class="viewSource">view source</a></div><a name="setModel"></a><a name="method-setModel"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-setModel" class="cls expand">setModel</a>(
 381 <span class="pre">String|Ext.data.Model model, Boolean setOnStore</span>)
 382  : void</div><div class="description"><div class="short"><p>Sets the model associated with this proxy. This will only usually be called by a Store</p>
 383 </div><div class="long"><p>Sets the model associated with this proxy. This will only usually be called by a Store</p>
 384 <h3 class="pa">Parameters</h3><ul><li><span class="pre">model</span> : String|Ext.data.Model<div class="sub-desc"><p>The new model. Can be either the model name string,
 385 or a reference to the model's constructor</p>
 386 </div></li><li><span class="pre">setOnStore</span> : Boolean<div class="sub-desc"><p>Sets the new model on the associated Store, if one is present</p>
 387 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 388 </li></ul></div></div></div><div id="method-setReader" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-setReader" rel="method-setReader" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-method-setReader" class="viewSource">view source</a></div><a name="setReader"></a><a name="method-setReader"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-setReader" class="cls expand">setReader</a>(
 389 <span class="pre">String|Object|Ext.data.reader.Reader reader</span>)
 390  : Ext.data.reader.Reader</div><div class="description"><div class="short"><p>Sets the Proxy's Reader by string, config object or Reader instance</p>
 391 </div><div class="long"><p>Sets the Proxy's Reader by string, config object or Reader instance</p>
 392 <h3 class="pa">Parameters</h3><ul><li><span class="pre">reader</span> : String|Object|Ext.data.reader.Reader<div class="sub-desc"><p>The new Reader, which can be either a type string, a configuration object
 393 or an <a href="Ext.data.reader.Reader.html" rel="Ext.data.reader.Reader" class="docClass">Ext.data.reader.Reader</a> instance</p>
 394 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.data.reader.Reader</span>&nbsp; &nbsp;<p>The attached Reader object</p>
 395 </li></ul></div></div></div><div id="method-setRecord" class="member ni"><a href="Ext.data.proxy.WebStorage.html#method-setRecord" rel="method-setRecord" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.WebStorage.html" class="definedIn docClass">Ext.data.proxy.WebStorage</a><br/><a href="../source/WebStorage.html#Ext-data.proxy.WebStorage-method-setRecord" class="viewSource">view source</a></div><a name="setRecord"></a><a name="method-setRecord"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-setRecord" class="cls expand">setRecord</a>(
 396 <span class="pre">Ext.data.Model record, String id</span>)
 397  : void</div><div class="description"><div class="short"><p>Saves the given record in the Proxy. Runs each field's encode function (if present) to encode the data</p>
 398 </div><div class="long"><p>Saves the given record in the Proxy. Runs each field's encode function (if present) to encode the data</p>
 399 <h3 class="pa">Parameters</h3><ul><li><span class="pre">record</span> : Ext.data.Model<div class="sub-desc"><p>The model instance</p>
 400 </div></li><li><span class="pre">id</span> : String<div class="sub-desc"><p>The id to save the record under (defaults to the value of the record's getId() function)</p>
 401 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 402 </li></ul></div></div></div><div id="method-setWriter" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-setWriter" rel="method-setWriter" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.data.proxy.Proxy.html" class="definedIn docClass">Ext.data.proxy.Proxy</a><br/><a href="../source/Proxy2.html#Ext-data.proxy.Proxy-method-setWriter" class="viewSource">view source</a></div><a name="setWriter"></a><a name="method-setWriter"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-setWriter" class="cls expand">setWriter</a>(
 403 <span class="pre">String|Object|Ext.data.writer.Writer writer</span>)
 404  : Ext.data.writer.Writer</div><div class="description"><div class="short"><p>Sets the Proxy's Writer by string, config object or Writer instance</p>
 405 </div><div class="long"><p>Sets the Proxy's Writer by string, config object or Writer instance</p>
 406 <h3 class="pa">Parameters</h3><ul><li><span class="pre">writer</span> : String|Object|Ext.data.writer.Writer<div class="sub-desc"><p>The new Writer, which can be either a type string, a configuration object
 407 or an <a href="Ext.data.writer.Writer.html" rel="Ext.data.writer.Writer" class="docClass">Ext.data.writer.Writer</a> instance</p>
 408 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.data.writer.Writer</span>&nbsp; &nbsp;<p>The attached Writer object</p>
 409 </li></ul></div></div></div><div id="method-suspendEvents" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-suspendEvents" rel="method-suspendEvents" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-suspendEvents" class="viewSource">view source</a></div><a name="suspendEvents"></a><a name="method-suspendEvents"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-suspendEvents" class="cls expand">suspendEvents</a>(
 410 <span class="pre">Boolean queueSuspended</span>)
 411  : void</div><div class="description"><div class="short"><p>Suspend the firing of all events. (see <a href="Ext.data.proxy.WebStorage.html#resumeEvents" rel="Ext.data.proxy.WebStorage#resumeEvents" class="docClass">resumeEvents</a>)</p>
 412 </div><div class="long"><p>Suspend the firing of all events. (see <a href="Ext.data.proxy.WebStorage.html#resumeEvents" rel="Ext.data.proxy.WebStorage#resumeEvents" class="docClass">resumeEvents</a>)</p>
 413 <h3 class="pa">Parameters</h3><ul><li><span class="pre">queueSuspended</span> : Boolean<div class="sub-desc"><p>Pass as true to queue up suspended events to be fired
 414 after the <a href="Ext.data.proxy.WebStorage.html#resumeEvents" rel="Ext.data.proxy.WebStorage#resumeEvents" class="docClass">resumeEvents</a> call instead of discarding all suspended events;</p>
 415 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 416 </li></ul></div></div></div><div id="method-un" class="member inherited"><a href="Ext.data.proxy.WebStorage.html#method-un" rel="method-un" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-un" class="viewSource">view source</a></div><a name="un"></a><a name="method-un"></a><a href="Ext.data.proxy.WebStorage.html#" rel="method-un" class="cls expand">un</a>(
 417 <span class="pre">String eventName, Function handler, [Object scope]</span>)
 418  : void</div><div class="description"><div class="short"><p>Removes an event handler (shorthand for <a href="Ext.data.proxy.WebStorage.html#removeListener" rel="Ext.data.proxy.WebStorage#removeListener" class="docClass">removeListener</a>.)</p>
 419 </div><div class="long"><p>Removes an event handler (shorthand for <a href="Ext.data.proxy.WebStorage.html#removeListener" rel="Ext.data.proxy.WebStorage#removeListener" class="docClass">removeListener</a>.)</p>
 420 <h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The type of event the handler was associated with.</p>
 421 </div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The handler to remove. <b>This must be a reference to the function passed into the <a href="Ext.data.proxy.WebStorage.html#addListener" rel="Ext.data.proxy.WebStorage#addListener" class="docClass">addListener</a> call.</b></p>
 422 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope originally specified for the handler.</p>
 423 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 424 </li></ul></div></div></div></div></div></div></div><div id="pageContent"></div></div></div></div></body></html>