Ext2的一些扩展
本文转贴
extjsHacker.js=============//Extjs 2.X//为grid ColumnModel 的renderer增加gridView的引用//Ext.grid.GridView.prototype.doRender = function(cs, rs, ds, startRow, colCount, stripe){ var ts = this.templates, ct = ts.cell, rt = ts.row, last = colCount-1; var tstyle = 'width:'+this.getTotalWidth()+';'; // buffers var buf = [], cb, c, p = {}, rp = {tstyle: tstyle}, r; for(var j = 0, len = rs.length; j < len; j++){ r = rs[j]; cb = []; var rowIndex = (j+startRow); for(var i = 0; i < colCount; i++){ c = cs[i]; p.id = c.id; p.css = i == 0 ? 'x-grid3-cell-first ' : (i == last ? 'x-grid3-cell-last ' : ''); p.attr = p.cellAttr = ""; p.value = c.renderer(r.data[c.name], p, r, rowIndex, i, ds,this); p.style = c.style; if(p.value == undefined || p.value === "") p.value = " "; if(r.dirty && typeof r.modified[c.name] !== 'undefined'){ p.css += ' x-grid3-dirty-cell'; } cb[cb.length] = ct.apply(p); } var alt = []; if(stripe && ((rowIndex+1) % 2 == 0)){ alt[0] = "x-grid3-row-alt"; } if(r.dirty){ alt[1] = " x-grid3-dirty-row"; } rp.cols = colCount; if(this.getRowClass){ alt[2] = this.getRowClass(r, rowIndex, rp, ds); } rp.alt = alt.join(" "); rp.cells = cb.join(""); buf[buf.length] = rt.apply(rp); } return buf.join(""); }//extjs 2.x /** * 为combobox添加lookup * @param {} v * @param {} rec */Ext.form.ComboBox.prototype.setValue = function(v,rec){ var text = v; if(this.valueField){ var r = this.findRecord(this.valueField, v); if(r){ text = r.data[this.displayField]; }else if(this.valueNotFoundText !== undefined){ text = this.valueNotFoundText; } } //添加lookup if (rec && this.record && text) { if(this.lookup){ for(var i = 0 ; i<this.lookup.length ; i++){ this.record.set(this.lookup[i][0],rec.get(this.lookup[i][1])); } } } this.lastSelectionText = text; if(this.hiddenField){ this.hiddenField.value = v; } Ext.form.ComboBox.superclass.setValue.call(this, text); this.value = v; }; //extjs 2.x/** * 为gridEditor添加行数据引用 * @param {} el * @param {} value */Ext.grid.GridEditor.prototype.startEdit = function(el, value){ if(this.editing){ this.completeEdit(); } this.boundEl = Ext.get(el); var v = value !== undefined ? value : this.boundEl.dom.innerHTML; if(!this.rendered){ this.render(this.parentEl || document.body); } if(this.fireEvent("beforestartedit", this, this.boundEl, v) === false){ return; } //alert(this.field); this.startValue = v; this.field.record = this.record;//就加入这一行，让field中获得当前数据行 this.field.setValue(v); this.doAutoSize(); this.el.alignTo(this.boundEl, this.alignment); this.editing = true; this.show(); } //extjs 2.x Ext.lib.Ajax/** * 添加同步ajax * @param {} method * @param {} uri * @param {} callback * @param {} postData * @return {} */ Ext.lib.Ajax.syncRequest = function(method, uri, callback, postData) { var o = this.getConnectionObject(); if (!o) { return null; } else { o.conn.open(method, uri, false); if (this.useDefaultXhrHeader) { if (!this.defaultHeaders['X-Requested-With']) { this.initHeader('X-Requested-With', this.defaultXhrHeader, true); } } if(postData && this.useDefaultHeader && (!this.hasHeaders || !this.headers['Content-Type'])){ this.initHeader('Content-Type', this.defaultPostHeader); } if (this.hasDefaultHeaders || this.hasHeaders) { this.setHeader(o); } this.handleReadyState(o, callback); o.conn.send(postData || null); return o; } }; //extjs 2.x Ext.lib.Ajax /** * 添加同步ajax * @param {} method * @param {} uri * @param {} cb * @param {} data * @param {} options * @return {} */ Ext.lib.Ajax.request = function(method, uri, cb, data, options) { if(options){ var hs = options.headers; if(hs){ for(var h in hs){ if(hs.hasOwnProperty(h)){ this.initHeader(h, hs[h], false); } } } if(options.xmlData){ if (!hs || !hs['Content-Type']){ this.initHeader('Content-Type', 'text/xml', false); } method = (method ? method : (options.method ? options.method : 'POST')); data = options.xmlData; }else if(options.jsonData){ if (!hs || !hs['Content-Type']){ this.initHeader('Content-Type', 'application/json', false); } method = (method ? method : (options.method ? options.method : 'POST')); data = typeof options.jsonData == 'object' ? Ext.encode(options.jsonData) : options.jsonData; } } if ("sync" in options) return this.syncRequest(method, uri, cb, data); return this.asyncRequest(method, uri, cb, data); }; //extjs 2.x 自动重连/** * Ext.Ajax.request({ url: 'foo.jsp', timeout:2, //重连次数 retryCount:3, //重连后要注意保存新的 newTransactionId retry:function(retryCount,newTransactionId){ alert('failture remain retry count :' + retryCount+'\n' +'newTransactionId : '+newTransactionId.tId); }, //最终的失败函数 failure: function(responseObject){ alert('failture finally :'+responseObject.statusText); }, headers: { 'my-header': 'foo' }, params: { foo: 'bar' }});*/(function(){ //保存原来的调用代码 var oldRequest=Ext.lib.Ajax.request; //新的增强代码 Ext.lib.Ajax.request = function(method, uri, cb, data, options) { //没有配置就运行老代码 if(!options.retryCount) return oldRequest.call(Ext.lib.Ajax,method, uri, cb, data, options); //保存原来的失败处理函数 var oldFailure=cb.failure; //添加了自动重连的新的处理函数 cb.failure=function(responseObject){ options.retryCount--; if(options.retryCount) { //注意：自动重连后tId 变化 var newTransactionId = oldRequest.call(Ext.lib.Ajax,method, uri, cb,data, options); //调用重连回调函数 if(options.retry) { options.retry.apply(cb.scope||window, [options.retryCount,newTransactionId]); } } //重连够了，调用真正的失败函数。 else if(oldFailure){ oldFailure.apply(cb.scope||window, [responseObject]); } } //增强配置，再运行老代码 return oldRequest.call(Ext.lib.Ajax,method, uri, cb, data, options); } })(); //extjs 2.x/** * 为form添加当前数据record * @param {} values * @return {} */Ext.form.BasicForm.prototype.setValues = function(values){ this.data = values; //添加数据引用，用于以后使用 if(Ext.isArray(values)){ // array of objects for(var i = 0, len = values.length; i < len; i++){ var v = values[i]; var f = this.findField(v.id); if(f){ f.setValue(v.value); if(this.trackResetOnLoad){ f.originalValue = f.getValue(); } } } }else{ // object hash var field, id; for(id in values){ if(typeof values[id] != 'function' && (field = this.findField(id))){ field.setValue(values[id]); if(this.trackResetOnLoad){ field.originalValue = field.getValue(); } } } } return this; } //Extjs 2.x Ext.FormPanel.prototype.initFields = function(){ var f = this.form; var formPanel = this; var fn = function(c){ if(c.isFormField){ c.form = formPanel; //为录入控件添加form的引用 f.add(c); }else if(c.doLayout && c != formPanel){ Ext.applyIf(c, { labelAlign: c.ownerCt.labelAlign, labelWidth: c.ownerCt.labelWidth, itemCls: c.ownerCt.itemCls }); if(c.items){ c.items.each(fn); } } } this.items.each(fn); }//Extjs 2.xExt.FormPanel.prototype.beforeDestroy = function(){ var fn=function(c){ if (c.isFormField) { if(c.form) { c.form=null; delete c.form; } } if(c.items){ c.items.each(fn); } }; this.items.each(fn); Ext.FormPanel.superclass.beforeDestroy.call(this); this.stopMonitoring(); Ext.destroy(this.form); } Ext.override(Ext.form.BasicForm, { setReadOnly: function(bReadOnly){ this.items.each(function(f) { if (f.isFormField) { f.getEl().dom.readOnly = bReadOnly; // Remove click event handlers if (f instanceof Ext.form.TriggerField) { if (bReadOnly) f.trigger.un('click', f.onTriggerClick, f) else f.trigger.on('click', f.onTriggerClick, f, {preventDefault:true}); if (f instanceof Ext.form.ComboBox) //Alternatively, to check if combobox use: if (f.setEditable)... { if(f.view){ if (bReadOnly){ f.view.un('click', f.onViewClick, f) } else{ f.view.on('click', f.onViewClick, f); } } } } } }); }});