📄 ext.data.jsonstore.html.svn-base
字号:
<div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.data.JsonStore-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.data.JsonStore-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.data.JsonStore-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.data.JsonStore-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.data.JsonStore"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div> <div class="inheritance res-block"><pre class="res-block-inner"><a ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.data.Store" ext:member="" href="output/Ext.data.Store.html">Store</a> <img src="resources/elbow-end.gif"/>JsonStore</pre></div> <h1>Class Ext.data.JsonStore</h1> <table cellspacing="0"> <tr><td class="label">Package:</td><td class="hd-info">Ext.data</td></tr> <tr><td class="label">Defined In:</td><td class="hd-info">JsonStore.js</td></tr> <tr><td class="label">Class:</td><td class="hd-info">JsonStore</td></tr> <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.data.Store" ext:member="" href="output/Ext.data.Store.html">Store</a></td></tr> </table> <div class="description"> Small helper class to make creating Stores for remotely-loaded JSON data easier. JsonStore is pre-configured with a built-in <a ext:cls="Ext.data.HttpProxy" href="output/Ext.data.HttpProxy.html">Ext.data.HttpProxy</a> and <a ext:cls="Ext.data.JsonReader" href="output/Ext.data.JsonReader.html">Ext.data.JsonReader</a>. If you require some other proxy/readercombination then you'll have to create a basic <a ext:cls="Ext.data.Store" href="output/Ext.data.Store.html">Ext.data.Store</a> configured as needed.<br/>
<pre><code>var store = <b>new</b> Ext.data.JsonStore({ url: <em>'get-images.php'</em>, root: <em>'images'</em>, fields: [<em>'name'</em>, <em>'url'</em>, {name:<em>'size'</em>, type: <em>'float'</em>}, {name:<em>'lastmod'</em>, type:<em>'date'</em>}]});</code></pre>This would consume a returned object of the form:
<pre><code>{ images: [ {name: <em>'Image one'</em>, url:<em>'/GetImage.php?id=1'</em>, size:46.5, lastmod: <b>new</b> Date(2007, 10, 29)}, {name: <em>'Image Two'</em>, url:<em>'/GetImage.php?id=2'</em>, size:43.2, lastmod: <b>new</b> Date(2007, 10, 30)} ]}</code></pre>An object literal of this form could also be used as the <a ext:cls="Ext.data.JsonStore" ext:member="data" href="output/Ext.data.JsonStore.html#data">data</a> config option.<b>Note: Although they are not listed, this class inherits all of the config options of Store,JsonReader.</b> </div> <div class="hr"></div> <a id="Ext.data.JsonStore-configs"></a> <h2>Config Options</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Config Options</th> <th class="msource-header">Defined By</th> </tr> <tr class="config-row inherited">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-autoLoad"></a>
<b>autoLoad</b> : Boolean/Object <div class="mdesc">
If passed, this store's load method is automatically called after creation with the autoLoad object </div>
</td>
<td class="msource"><a ext:cls="Ext.data.Store" ext:member="#autoLoad" href="output/Ext.data.Store.html#autoLoad">Store</a></td>
</tr>
<tr class="config-row inherited alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-baseParams"></a>
<b>baseParams</b> : Object <div class="mdesc">
An object containing properties which are to be sent as parameters on any HTTP request </div>
</td>
<td class="msource"><a ext:cls="Ext.data.Store" ext:member="#baseParams" href="output/Ext.data.Store.html#baseParams">Store</a></td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-data"></a>
<b>data</b> : Object <div class="mdesc">
A data object readable by this object's JsonReader. Either this option, or the <a ext:cls="Ext.data.JsonStore" ext:member="url" href="output/Ext.data.JsonStore.html#url">url</a> option must be specified. </div>
</td>
<td class="msource">JsonStore</td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-fields"></a>
<b>fields</b> : Array <div class="mdesc">
<div class="short">Either an Array of field definition objects as passed to Ext.data.Record.create, or a Record constructor created usin...</div>
<div class="long">
Either an Array of field definition objects as passed to <a ext:cls="Ext.data.Record" ext:member="create" href="output/Ext.data.Record.html#create">Ext.data.Record.create</a>, or a <a ext:cls="Ext.data.Record" href="output/Ext.data.Record.html">Record</a> constructor created using <a ext:cls="Ext.data.Record" ext:member="create" href="output/Ext.data.Record.html#create">Ext.data.Record.create</a>. </div>
</div>
</td>
<td class="msource">JsonStore</td>
</tr>
<tr class="config-row inherited expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-listeners"></a>
<b>listeners</b> : Object <div class="mdesc">
<div class="short">A config object containing one or more event handlers to be added to this object during initialization. This should b...</div>
<div class="long">
A config object containing one or more event handlers to be added to this object during initialization. This should be a valid listeners config object as specified in the <a ext:cls="Ext.util.Observable" ext:member="addListener" href="output/Ext.util.Observable.html#addListener">addListener</a> example for attaching multiple handlers at once. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#listeners" href="output/Ext.util.Observable.html#listeners">Observable</a></td>
</tr>
<tr class="config-row inherited alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-proxy"></a>
<b>proxy</b> : Ext.data.DataProxy <div class="mdesc">
The Proxy object which provides access to a data object. </div>
</td>
<td class="msource"><a ext:cls="Ext.data.Store" ext:member="#proxy" href="output/Ext.data.Store.html#proxy">Store</a></td>
</tr>
<tr class="config-row inherited expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-pruneModifiedRecords"></a>
<b>pruneModifiedRecords</b> : boolean <div class="mdesc">
<div class="short">True to clear all modified record information each time the store is loaded or when a record is removed. (defaults to...</div>
<div class="long">
True to clear all modified record information each time the store is loaded or when a record is removed. (defaults to false). </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.data.Store" ext:member="#pruneModifiedRecords" href="output/Ext.data.Store.html#pruneModifiedRecords">Store</a></td>
</tr>
<tr class="config-row inherited alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-reader"></a>
<b>reader</b> : Ext.data.DataReader <div class="mdesc">
<div class="short">The DataReader object which processes the data object and returns an Array of Ext.data.Record objects which are cache...</div>
<div class="long">
The DataReader object which processes the data object and returns an Array of Ext.data.Record objects which are cached keyed by their <em>id</em> property. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.data.Store" ext:member="#reader" href="output/Ext.data.Store.html#reader">Store</a></td>
</tr>
<tr class="config-row inherited expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-remoteSort"></a>
<b>remoteSort</b> : boolean <div class="mdesc">
<div class="short">True if sorting is to be handled by requesting the Proxy to provide a refreshed version of the data object in sorted ...</div>
<div class="long">
True if sorting is to be handled by requesting the Proxy to provide a refreshed version of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false). <p>If remote sorting is specified, then clicking on a column header causes the current page to be requested from the server with the addition of the following two parameters: <div class="mdetail-params"><ul> <li><b>sort</b> : String<p class="sub-desc">The name (as specified in the Record's Field definition) of the field to sort on.</p></li> <li><b>dir</b> : String<p class="sub-desc">The direction of the sort, "ASC" or "DESC" (case-sensitive).</p></li> </ul></div></p> </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.data.Store" ext:member="#remoteSort" href="output/Ext.data.Store.html#remoteSort">Store</a></td>
</tr>
<tr class="config-row inherited alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-sortInfo"></a>
<b>sortInfo</b> : Object <div class="mdesc">
A config object in the format: {field: "fieldName", direction: "ASC|DESC"}. The direction property is case-sensitive. </div>
</td>
<td class="msource"><a ext:cls="Ext.data.Store" ext:member="#sortInfo" href="output/Ext.data.Store.html#sortInfo">Store</a></td>
</tr>
<tr class="config-row inherited">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-storeId"></a>
<b>storeId</b> : String <div class="mdesc">
If passed, the id to use to register with the StoreMgr </div>
</td>
<td class="msource"><a ext:cls="Ext.data.Store" ext:member="#storeId" href="output/Ext.data.Store.html#storeId">Store</a></td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-url"></a>
<b>url</b> : String <div class="mdesc">
The URL from which to load data through an HttpProxy. Either this option, or the <a ext:cls="Ext.data.JsonStore" ext:member="data" href="output/Ext.data.JsonStore.html#data">data</a> option must be specified. </div>
</td>
<td class="msource">JsonStore</td>
</tr>
</table> <a id="Ext.data.JsonStore-props"></a> <h2>Public Properties</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Property</th> <th class="msource-header">Defined By</th> </tr> <tr class="property-row inherited expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-baseParams"></a>
<b>baseParams</b> : Object <div class="mdesc">
<div class="short">An object containing properties which are used as parameters on any HTTP request.This property can be changed after ...</div>
<div class="long">
An object containing properties which are used as parameters on any HTTP request.This property can be changed after creating the Store to send different parameters. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.data.Store" ext:member="#baseParams" href="output/Ext.data.Store.html#baseParams">Store</a></td>
</tr>
<tr class="property-row inherited alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.data.JsonStore-lastOptions"></a>
<b>lastOptions</b> : Object <div class="mdesc">
<div class="short">Contains the last options object used as the parameter to the load method. See loadfor the details of what this may ...</div>
<div class="long">
Contains the last options object used as the parameter to the load method. See <a ext:cls="Ext.data.Store" ext:member="load" href="output/Ext.data.Store.html#load">load</a>for the details of what this may contain. This may be useful for accessing any params whichwere used to load the current Record cache. </div>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -