| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312 | <!DOCTYPE html><html><head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>The source code</title>  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>  <style type="text/css">    .highlight { display: block; background-color: #ddd; }  </style>  <script type="text/javascript">    function highlight() {      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";    }  </script></head><body onload="prettyPrint(); highlight();">  <pre class="prettyprint lang-js"><span id='Ext-data-reader-Xml'>/**</span> * @author Ed Spencer * * The XML Reader is used by a Proxy to read a server response that is sent back in XML format. This usually happens as * a result of loading a Store - for example we might create something like this: * *     Ext.define('User', { *         extend: 'Ext.data.Model', *         fields: ['id', 'name', 'email'] *     }); * *     var store = Ext.create('Ext.data.Store', { *         model: 'User', *         proxy: { *             type: 'ajax', *             url : 'users.xml', *             reader: { *                 type: 'xml', *                 record: 'user', *                 root: 'users' *             } *         } *     }); * * The example above creates a 'User' model. Models are explained in the {@link Ext.data.Model Model} docs if you're not * already familiar with them. * * We created the simplest type of XML Reader possible by simply telling our {@link Ext.data.Store Store}'s {@link * Ext.data.proxy.Proxy Proxy} that we want a XML Reader. The Store automatically passes the configured model to the * Store, so it is as if we passed this instead: * *     reader: { *         type : 'xml', *         model: 'User', *         record: 'user', *         root: 'users' *     } * * The reader we set up is ready to read data from our server - at the moment it will accept a response like this: * *     <?xml version="1.0" encoding="UTF-8"?> *     <users> *         <user> *             <id>1</id> *             <name>Ed Spencer</name> *             <email>ed@sencha.com</email> *         </user> *         <user> *             <id>2</id> *             <name>Abe Elias</name> *             <email>abe@sencha.com</email> *         </user> *     </users> * * First off there's {@link #root} option to define the root node `<users>` (there should be only one in a well-formed * XML document). Then the XML Reader uses the configured {@link #record} option to pull out the data for each record - * in this case we set record to 'user', so each `<user>` above will be converted into a User model. * * Note that XmlReader doesn't care whether your {@link #root} and {@link #record} elements are nested deep inside a * larger structure, so a response like this will still work: * *     <?xml version="1.0" encoding="UTF-8"?> *     <deeply> *         <nested> *             <xml> *                 <users> *                     <user> *                         <id>1</id> *                         <name>Ed Spencer</name> *                         <email>ed@sencha.com</email> *                     </user> *                     <user> *                         <id>2</id> *                         <name>Abe Elias</name> *                         <email>abe@sencha.com</email> *                     </user> *                 </users> *             </xml> *         </nested> *     </deeply> * * # Response metadata * * The server can return additional data in its response, such as the {@link #totalProperty total number of records} and * the {@link #successProperty success status of the response}. These are typically included in the XML response like * this: * *     <?xml version="1.0" encoding="UTF-8"?> *     <users> *         <total>100</total> *         <success>true</success> *         <user> *             <id>1</id> *             <name>Ed Spencer</name> *             <email>ed@sencha.com</email> *         </user> *         <user> *             <id>2</id> *             <name>Abe Elias</name> *             <email>abe@sencha.com</email> *         </user> *     </users> * * If these properties are present in the XML response they can be parsed out by the XmlReader and used by the Store * that loaded it. We can set up the names of these properties by specifying a final pair of configuration options: * *     reader: { *         type: 'xml', *         root: 'users', *         totalProperty  : 'total', *         successProperty: 'success' *     } * * These final options are not necessary to make the Reader work, but can be useful when the server needs to report an * error or if it needs to indicate that there is a lot of data available of which only a subset is currently being * returned. * * # Response format * * **Note:** in order for the browser to parse a returned XML document, the Content-Type header in the HTTP response * must be set to "text/xml" or "application/xml". This is very important - the XmlReader will not work correctly * otherwise. */Ext.define('Ext.data.reader.Xml', {    extend: 'Ext.data.reader.Reader',    alternateClassName: 'Ext.data.XmlReader',    alias : 'reader.xml',<span id='Ext-data-reader-Xml-cfg-record'>    /**</span>     * @cfg {String} record (required)     * The DomQuery path to the repeated element which contains record information.     */<span id='Ext-data-reader-Xml-method-createAccessor'>    /**</span>     * @private     * Creates a function to return some particular key of data from a response. The totalProperty and     * successProperty are treated as special cases for type casting, everything else is just a simple selector.     * @param {String} key     * @return {Function}     */    createAccessor: function(expr) {        var me = this;        if (Ext.isEmpty(expr)) {            return Ext.emptyFn;        }        if (Ext.isFunction(expr)) {            return expr;        }        return function(root) {            return me.getNodeValue(Ext.DomQuery.selectNode(expr, root));        };    },    getNodeValue: function(node) {        if (node && node.firstChild) {            return node.firstChild.nodeValue;        }        return undefined;    },    //inherit docs    getResponseData: function(response) {        var xml = response.responseXML,            error,            msg;        if (!xml) {            msg = 'XML data not found in the response';                           error = new Ext.data.ResultSet({                total  : 0,                count  : 0,                records: [],                success: false,                message: msg            });            this.fireEvent('exception', this, response, error);            Ext.Logger.warn(msg);            return error;        }        return this.readRecords(xml);    },<span id='Ext-data-reader-Xml-method-getData'>    /**</span>     * Normalizes the data object.     * @param {Object} data The raw data object     * @return {Object} The documentElement property of the data object if present, or the same object if not.     */    getData: function(data) {        return data.documentElement || data;    },<span id='Ext-data-reader-Xml-method-getRoot'>    /**</span>     * @private     * Given an XML object, returns the Element that represents the root as configured by the Reader's meta data.     * @param {Object} data The XML data object     * @return {XMLElement} The root node element     */    getRoot: function(data) {        var nodeName = data.nodeName,            root     = this.root;        if (!root || (nodeName && nodeName == root)) {            return data;        } else if (Ext.DomQuery.isXml(data)) {            // This fix ensures we have XML data            // Related to TreeStore calling getRoot with the root node, which isn't XML            // Probably should be resolved in TreeStore at some point            return Ext.DomQuery.selectNode(root, data);        }    },<span id='Ext-data-reader-Xml-method-extractData'>    /**</span>     * @private     * We're just preparing the data for the superclass by pulling out the record nodes we want.     * @param {XMLElement} root The XML root node     * @return {Ext.data.Model[]} The records     */    extractData: function(root) {        var recordName = this.record;        //<debug>        if (!recordName) {            Ext.Error.raise('Record is a required parameter');        }        //</debug>        if (recordName != root.nodeName) {            root = Ext.DomQuery.select(recordName, root);        } else {            root = [root];        }        return this.callParent([root]);    },<span id='Ext-data-reader-Xml-method-getAssociatedDataRoot'>    /**</span>     * @private     * See Ext.data.reader.Reader's getAssociatedDataRoot docs.     * @param {Object} data The raw data object     * @param {String} associationName The name of the association to get data for (uses associationKey if present)     * @return {XMLElement} The root     */    getAssociatedDataRoot: function(data, associationName) {        return Ext.DomQuery.select(associationName, data)[0];    },<span id='Ext-data-reader-Xml-method-readRecords'>    /**</span>     * Parses an XML document and returns a ResultSet containing the model instances.     * @param {Object} doc Parsed XML document     * @return {Ext.data.ResultSet} The parsed result set     */    readRecords: function(doc) {        // it's possible that we get passed an array here by associations.        // Make sure we strip that out (see Ext.data.reader.Reader#readAssociated)        if (Ext.isArray(doc)) {            doc = doc[0];        }<span id='Ext-data-reader-Xml-property-xmlData'>        /**</span>         * @property {Object} xmlData         * Copy of {@link #rawData}.         * @deprecated Will be removed in Ext JS 5.0. Use {@link #rawData} instead.         */        this.xmlData = doc;        return this.callParent([doc]);    },<span id='Ext-data-reader-Xml-method-createFieldAccessExpression'>    /**</span>     * @private     * Returns an accessor expression for the passed Field from an XML element using either the Field's mapping, or     * its ordinal position in the fields collsction as the index.     * This is used by buildExtractors to create optimized on extractor function which converts raw data into model instances.     */    createFieldAccessExpression: function(field, fieldVarName, dataName) {        var selector = field.mapping || field.name,            result;        if (typeof selector === 'function') {            result = fieldVarName + '.mapping(' + dataName + ', this)';        } else {            result = 'me.getNodeValue(Ext.DomQuery.selectNode("' + selector + '", ' + dataName + '))';        }        return result;    }});</pre></body></html>
 |