Extjs 表格横向自动扩展

最新推荐文章于 2022-04-27 08:37:36 发布

gangwazi0525

最新推荐文章于 2022-04-27 08:37:36 发布

阅读量1.4k

点赞数

分类专栏： ExtJs 文章标签： extjs 扩展 function layout c

本文链接：https://blog.youkuaiyun.com/gangwazi0525/article/details/6798191

版权

ExtJs 专栏收录该内容

12 篇文章

订阅专栏

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);
			}
		}
	});