extJs3.3版本中treeGrid列宽的问题

最新推荐文章于 2019-06-13 21:24:19 发布

棉花糖棉花

最新推荐文章于 2019-06-13 21:24:19 发布

阅读量1.6k

点赞数

分类专栏： ExtJs 文章标签： extjs 布局 treeGrid

本文链接：https://blog.csdn.net/xiaoxl0524/article/details/36015291

版权

本文介绍了在extJs3.3中使用TreeGrid时遇到的列宽无法调整的问题。当TreeGrid被嵌入到一个没有指定布局的Panel中时，由于Panel默认采用ContainerLayout，导致树表格列宽固定。为了解决这个问题，需要在外层Panel上设置特定布局，使得TreeGrid的列宽可以自由调整。此外，对于普通的gridPanel，即使额外添加一层Panel而不指定布局，列宽也能正常设置。

摘要由CSDN通过智能技术生成

Ext.namespace('Mr.rw.widget.plan.inspection.template');
Mr.rw.widget.plan.inspection.template.TreeGridTest = function (config){
    var me = this;
    config = config || '';
    
    config.loader = new Ext.tree.TreeLoader({
    	url : config.dataUrl,
    	listeners : {
    		beforeload : function(loader, node, callBack){
                if(!node.isRoot) {
                    loader.baseParams ={};
                    loader.baseParams.dataId = node.attributes.dataId;
                } else {
                    loader.baseParams ={};
                    loader.baseParams.dataId = me.inspTemId;
                }
    		}
    	}
    });
    
    config.columns = [
        {
            header : '巡检项目名称',
            dataIndex : 'name',
            width : 600
        },{
            header : '操作方式',
            sortable : false,
            dataIndex : 'widgetTypeText