Extjs 表格橫向自動擴展

extjs中的grid組件橫向自動擴展,只要在grid的配置項中添加配置viewConfig

var grid = new Ext.grid.EditorGridPanel( {
		title : "需審覈記錄列表",
		autoHeight : true,
		cm : cm,
		sm : csm,
		store : listStore,
		collapsible : true,
		animCollapse : true,
		loadMask: "數據加載中...",
		trackMouseOver : true,
		viewConfig : {
			// 橫向滾動條
			layout : function() {
				if (!this.mainBody) {
					return; // not rendered
				}
				var g = this.grid;
				var c = g.getGridEl();
				var csize = c.getSize(true);
				var vw = csize.width;
				if (!g.hideHeaders
						&& (vw < 20 || csize.height < 20)) { // display:
					// none?
					return;
				}
				if (g.autoHeight) {
					if (this.innerHd) {
						this.innerHd.style.width = (vw) + 'px';
					}
				} else {
					this.el.setSize(csize.width, csize.height);
					var hdHeight = this.mainHd.getHeight();
					var vh = csize.height - (hdHeight);
					this.scroller.setSize(vw, vh);
					if (this.innerHd) {
						this.innerHd.style.width = (vw) + 'px';
					}
				}
				if (this.forceFit) {
					if (this.lastViewWidth != vw) {
						this.fitColumns(false, false);
						this.lastViewWidth = vw;
					}
				} else {
					this.autoExpand();
					this.syncHeaderScroll();
				}
				this.onLayout(vw, vh);
			}
		}
	});






發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章