Extjs入门(07) 滚动条autoScroll:true,

这是extjs滚动条

autoScroll:true,//Extjs滚动条

用法:

例如1:

Ext.extend(phis.application.war.script.WardPatientForm, phis.script.SimpleForm, {
	initPanel : function(sc) {

		if (this.form) {
			if (!this.isCombined) {
				this.addPanelToWin();
			}
			return this.form;
		}
		this.form = new Ext.FormPanel({
					autoScroll:true,//
					labelWidth : 80,
					frame : true,
					bodyStyle : 'padding:5px 5px 0',
					items : [{
								xtype : 'fieldset',
								title : 'XXX信息',
								autoHeight : true,
								layout : 'tableform',
								layoutConfig : {
									columns : 3,
									tableAttrs : {
										border : 0,
										cellpadding : '2',
										cellspacing : "2"
									}
									...

例如2:

warpPanel : function(grid) {
						this.navParentKey = this.mainApp.treasuryEjkf > 0 ? 2
								: 1;
						var tree = util.dictionary.TreeDicFactory.createTree({
							id : this.dicId,
							parentKey : this.navParentKey || {},
							rootVisible : this.rootVisible || false
						})
						tree.autoScroll = true
						tree.on("click", this.onTreeClick, this)
						tree.on("load", this.onTreeLoad, this);
						this.tree = tree;
						var panel = new Ext.Panel({
							border : false,
							frame : true,
							layout : 'border',
							width : this.width,
							height : this.height,
							items : [ {
								layout : "fit",
								split : true,
								region : 'west',
								bodyStyle : 'padding:5px',
								width : 200,
								items : tree
							}, {
								layout : "fit",
								split : true,
								title : '',
								......