解决editorgridpanel编辑时视图向右移动的问题

这个问题头一次问题，解决也是别人的方法，还不是原创

 

高手重写了

Ext.grid.GridView

 

具体文件如果下

 Ext.override(Ext.grid.GridView, {initTemplates : function(){var ts = this.templates || {};if(!ts.master){ts.master = new Ext.Template('<div class="x-grid3" hidefocus="true">','<div class="x-grid3-viewport">','<div class="x-grid3-header"><div class="x-grid3-header-inner" style="{ostyle}" mce_style="{ostyle}"><div class="x-grid3-header-offset">{header}</div></div><div class="x-clear"></div></div>','<div class="x-grid3-scroller"><div class="x-grid3-body" style="{bstyle}" mce_style="{bstyle}">{body}</div><a href="#" mce_href="#" class="x-grid3-focus" tabIndex="-1"></a></div>','</div>','<div class="x-grid3-resize-marker"> </div>','<div class="x-grid3-resize-proxy"> </div>','</div>');}if(!ts.header){ts.header = new Ext.Template('<table border="0" cellspacing="0" cellpadding="0" style="{tstyle}" mce_style="{tstyle}">','<thead><tr class="x-grid3-hd-row">{cells}</tr></thead>','</table>');}if(!ts.hcell){ts.hcell = new Ext.Template('<td class="x-grid3-hd x-grid3-cell x-grid3-td-{id} {css}" style="{style}" mce_style="{style}"><div {tooltip} {attr} class="x-grid3-hd-inner x-grid3-hd-{id}" unselectable="on" style="{istyle}" mce_style="{istyle}">', this.grid.enableHdMenu ? '<a class="x-grid3-hd-btn" href="#" mce_href="#"></a>' : '','{value}<img class="x-grid3-sort-icon" src="', Ext.BLANK_IMAGE_URL, '" mce_src="', Ext.BLANK_IMAGE_URL, '" />','</div></td>');}if(!ts.body){ts.body = new Ext.Template('{rows}');}if(!ts.row){ts.row = new Ext.Template('<div class="x-grid3-row {alt}" style="{tstyle}" mce_style="{tstyle}"><table class="x-grid3-row-table" border="0" cellspacing="0" cellpadding="0" style="{tstyle}" mce_style="{tstyle}">','<tbody><tr>{cells}</tr>',(this.enableRowBody ? '<tr class="x-grid3-row-body-tr" style="{bodyStyle}" mce_style="{bodyStyle}"><td colspan="{cols}" class="x-grid3-body-cell" tabIndex="0" hidefocus="on"><div class="x-grid3-row-body">{body}</div></td></tr>' : ''),'</tbody></table></div>');}if(!ts.cell){ts.cell = new Ext.Template('<td class="x-grid3-col x-grid3-cell x-grid3-td-{id} {css}" style="{style}" mce_style="{style}" tabIndex="0" {cellAttr}>','<div class="x-grid3-cell-inner x-grid3-col-{id}" unselectable="on" {attr}>{value}</div>','</td>');}for(var k in ts){var t = ts[k];if(t && typeof t.compile == 'function' && !t.compiled){t.disableFormats = true;t.compile();}}this.templates = ts;this.colRe = new RegExp("x-grid3-td-([^//s]+)", "");},updateAllColumnWidths : function(){var tw = this.getTotalWidth();var clen = this.cm.getColumnCount();var ws = [];for(var i = 0; i < clen; i++){ws[i] = this.getColumnWidth(i);}this.innerHd.firstChild.style.width = this.getOffsetWidth();this.innerHd.firstChild.firstChild.style.width = tw;this.mainBody.dom.style.width = tw;for(var i = 0; i < clen; i++){var hd = this.getHeaderCell(i);hd.style.width = ws[i];}var ns = this.getRows(), row, trow;for(var i = 0, len = ns.length; i < len; i++){row = ns[i];row.style.width = tw;if(row.firstChild){row.firstChild.style.width = tw;trow = row.firstChild.rows[0];for (var j = 0; j < clen; j++) {trow.childNodes[j].style.width = ws[j];}}}this.onAllColumnWidthsUpdated(ws, tw);},updateColumnWidth : function(col, width){var w = this.getColumnWidth(col);var tw = this.getTotalWidth();this.innerHd.firstChild.style.width = this.getOffsetWidth();this.innerHd.firstChild.firstChild.style.width = tw;this.mainBody.dom.style.width = tw;var hd = this.getHeaderCell(col);hd.style.width = w;var ns = this.getRows(), row;for(var i = 0, len = ns.length; i < len; i++){row = ns[i];row.style.width = tw;if(row.firstChild){row.firstChild.style.width = tw;row.firstChild.rows[0].childNodes[col].style.width = w;}}this.onColumnWidthUpdated(col, w, tw);},updateColumnHidden : function(col, hidden){var tw = this.getTotalWidth();this.innerHd.firstChild.style.width = this.getOffsetWidth();this.innerHd.firstChild.firstChild.style.width = tw;this.mainBody.dom.style.width = tw;var display = hidden ? 'none' : '';var hd = this.getHeaderCell(col);hd.style.display = display;var ns = this.getRows(), row;for(var i = 0, len = ns.length; i < len; i++){row = ns[i];row.style.width = tw;if(row.firstChild){row.firstChild.style.width = tw;row.firstChild.rows[0].childNodes[col].style.display = display;}}this.onColumnHiddenUpdated(col, hidden, tw);delete this.lastViewWidth;this.layout();},afterRender: function(){this.mainBody.dom.innerHTML = this.renderRows() || ' ';this.processRows(0, true);if(this.deferEmptyText !== true){this.applyEmptyText();}},renderUI : function(){var header = this.renderHeaders();var body = this.templates.body.apply({rows: ' '});var html = this.templates.master.apply({body: body,header: header,ostyle: 'width:'+this.getOffsetWidth()+';',bstyle: 'width:'+this.getTotalWidth()+';'});var g = this.grid;g.getGridEl().dom.innerHTML = html;this.initElements();Ext.fly(this.innerHd).on("click", this.handleHdDown, this);this.mainHd.on("mouseover", this.handleHdOver, this);this.mainHd.on("mouseout", this.handleHdOut, this);this.mainHd.on("mousemove", this.handleHdMove, this);this.scroller.on('scroll', this.syncScroll, this);if(g.enableColumnResize !== false){this.splitZone = new Ext.grid.GridView.SplitDragZone(g, this.mainHd.dom);}if(g.enableColumnMove){this.columnDrag = new Ext.grid.GridView.ColumnDragZone(g, this.innerHd);this.columnDrop = new Ext.grid.HeaderDropZone(g, this.mainHd.dom);}if(g.enableHdMenu !== false){if(g.enableColumnHide !== false){this.colMenu = new Ext.menu.Menu({id:g.id + "-hcols-menu"});this.colMenu.on("beforeshow", this.beforeColMenuShow, this);this.colMenu.on("itemclick", this.handleHdMenuClick, this);}this.hmenu = new Ext.menu.Menu({id: g.id + "-hctx"});this.hmenu.add({id:"asc", text: this.sortAscText, cls: "xg-hmenu-sort-asc"},{id:"desc", text: this.sortDescText, cls: "xg-hmenu-sort-desc"});if(g.enableColumnHide !== false){this.hmenu.add('-',{id:"columns", text: this.columnsText, menu: this.colMenu, iconCls: 'x-cols-icon'});}this.hmenu.on("itemclick", this.handleHdMenuClick, this);}if(g.trackMouseOver){this.mainBody.on("mouseover", this.onRowOver, this);this.mainBody.on("mouseout", this.onRowOut, this);}if(g.enableDragDrop || g.enableDrag){this.dragZone = new Ext.grid.GridDragZone(g, {ddGroup : g.ddGroup || 'GridDD'});}this.updateHeaderSortState();},onColumnWidthUpdated : function(col, w, tw){// empty},onAllColumnWidthsUpdated : function(ws, tw){// empty},onColumnHiddenUpdated : function(col, hidden, tw){// empty},getOffsetWidth: function() {return (this.cm.getTotalWidth() + this.scrollOffset) + 'px';},renderBody : function(){var markup = this.renderRows() || ' ';return this.templates.body.apply({rows: markup});},hasRows : function(){var fc = this.mainBody.dom.firstChild;return fc && fc.nodeType == 1 && fc.className != 'x-grid-empty';}});