Ext 3 - Dwr 数据交互 Grid用store : DWRProxy

文件DWRProxy.js :

/** * Ext.data.DWRProxy(dwrCall) * * @extends Ext.data.DataProxy * @param {} * dwrCall DWR调用函数 */ Ext.data.DWRProxy = function(dwrCall) { Ext.data.DWRProxy.superclass.constructor.call(this); this.dwrCall = dwrCall; }; Ext.extend(Ext.data.DWRProxy, Ext.data.DataProxy, { load : function(params, reader, callback, scope, arg) { if (this.fireEvent("beforeload", this, params) !== false) { var delegate = this.loadResponse.createDelegate(this, [reader, callback, scope, arg], 1); var callParams = new Array(); callParams.push(arg.params); callParams.push(delegate); this.dwrCall.apply(this, callParams); // 执行DWR调用, 参数为 params,fn } else { callback.call(scope || this, null, arg, false); } }, loadResponse : function(response, reader, callback, scope, arg) { var result; try { result = reader.read(response); // 回调, 执行reader.read } catch (e) { this.fireEvent("loadexception", this, null, response, e); callback.call(scope, null, arg, false); if (window.console && window.console.error) { console.error(e.message); } return; } callback.call(scope, result, arg, true); } }); /** * Ext.data.DWRReader(dwrCall) * @extends Ext.data.DataReader */ Ext.data.DWRReader = function(meta, recordType) { meta = meta || {}; Ext.applyIf(meta, { successProperty : 'success', totalProperty : 'total' }); Ext.data.DWRReader.superclass.constructor.call(this, meta, recordType || meta.fields); this.recordType = recordType || meta.fields }; Ext.extend(Ext.data.DWRReader, Ext.data.DataReader, { getJsonAccessor : function() { var re = /[/[/.]/; return function(expr) { try { return (re.test(expr)) ? new Function("obj", "return obj." + expr) : function(obj) { return obj[expr]; }; } catch (e) { } return Ext.emptyFn; }; }(), read : function(o) { var recordType = this.recordType, fields = recordType.prototype.fields; if (!this.ef) { if (this.meta.totalProperty) { this.getTotal = this.getJsonAccessor(this.meta.totalProperty); } if (this.meta.successProperty) { this.getSuccess = this.getJsonAccessor(this.meta.successProperty); } if (this.meta.id) { var g = this.getJsonAccessor(this.meta.id); this.getId = function(rec) { var r = g(rec); return (r === undefined || r === "") ? null : r; }; } else { this.getId = function() { return null; }; } this.ef = []; for (var i = 0; i < fields.length; i++) { f = fields.items[i]; var map = (f.mapping !== undefined && f.mapping !== null) ? f.mapping : f.name; this.ef[i] = this.getJsonAccessor(map); } } var records = []; var root = o[this.meta.root || 'data'], c = root.length, totalRecords = c, success = true; if (this.meta.totalProperty) { var v = parseInt(this.getTotal(o), 10); if (!isNaN(v)) { totalRecords = v; } } if (this.meta.successProperty) { var v = this.getSuccess(o); if (v === false || v === 'false') { success = false; } } for (var i = 0; i < c; i++) { var n = root[i]; var values = {}; var id = this.getId(n); for (var j = 0; j < fields.length; j++) { f = fields.items[j]; var v = this.ef[j](n); values[f.name] = f.convert((v !== undefined) ? v : f.defaultValue); } var record = new recordType(values, id); records[i] = record; } return { success : success, records : records, totalRecords : totalRecords }; } });

使用方法实例: 一个为Grid定义的store

this.dataStore = new Ext.data.Store({ baseParams : { tableName : this.tableName }, proxy : new Ext.data.DWRProxy(this.DwrQueryFunction), reader : new Ext.data.DWRReader({ root : 'tableDataList', idProperty : 'tableDataId', fields : recordType }), remoteSort : true }); this.dataStore.load({ params : { start : 0, limit : 10 }, });

此例中, 后台接受的java函数, 参数为一个bean, 属性有start, limit, sort, dir 和上例中baseParams的tableName

返回值也是一个bean, 其属性中包含名为total,success, 和 数据集合对象List<Map>  tableDataList, (对应root : 'tableDataList' )