ComboBoxTree 双滚动条处理

于 2010-04-27 11:06:32 发布 · 187 阅读

文章标签：

#EXT

Ext 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何正确配置ComboBoxTree组件以避免Tree和ComboBox同时出现滚动条的问题。通过设置autoScroll为false及调整TreePanel的属性来实现。

在使用ComboBoxTree时，为了防止Tree和ComboBox同时出现滚动条的情况发生，在新建ComboBoxTree时因该如下设置：

tjdwCombTree = new Ext.ux.ComboBoxTree({
					id : 'tjdwCombTree',
					emptyText : loginUintName,
					fieldLabel : '统计单位',
					hiddenName : 'dwMc',
					width : 150,
					listWidth : 300,
					ctCls : "ctCls",
					selectNodeModel : 'leaf',
					autoScroll : false,
					tree : {
						xtype : 'treepanel',
						loader : this.tjdwLoader,
						autoScroll : false,
						autoHeight : true,
						root : new Ext.tree.AsyncTreeNode({
									id : loginUintId,
									text : loginUintName
								})
					},
					listeners : {
						// 选择树结点设值之后的事件
						select : function(comboxtree, newNode, oldNode) {
							// 选择对应的节点之后触发查询数据方法,重新根据条件载入数据
							queryData();
						}
					}
				});

主要设置：ComboBoxTree组件的autoScroll : false

其中包含的TreePanel的autoScroll : false,autoHeight : true,