grid里面下面横向的滚动条始终不显示设置了autoScroll 和bodyStyle也没用

koftt21 2015-02-05 11:09:27

/**

 * UploadlookGrid表格

 * 

 * @class net.grid.UploadlookGrid

 * @extends Ext.grid.GridPanel

 */

net.grid.UploadlookGrid= Ext.extend(Ext.grid.GridPanel,{ 

    /*( viewConfig: {

             forceFit: false,

            stripeRows: true

    },*/

	  height: 300,  

	  width: 600,  

	  autoScroll : true,

	 // bodyStyle : 'overflow-x:scroll; overflow-y:scroll',

    initComponent:function() { 

        var ds = new Ext.data.Store({

            url:'./showRefreshFileByParams.action',

            reader:new Ext.data.JsonReader({

                root:'list',

                totalProperty:'recordSize',

                id:'id'

            },['refreshId','explain','fileName','path','projectName','projectType','type','typeName']),

            baseParams:{

                limit:pageSize

            }// ,

            // remoteSort:true

        });

        var sm = new Ext.grid.CheckboxSelectionModel();

        var cm = new Ext.grid.ColumnModel([

            new Ext.grid.RowNumberer(),

            sm,

            {header:'编号',width:100,autoScroll:true,sortable:true,dataIndex:'refreshId',renderer : function(value){if(value){var div = '<div ext:qtip="{0}">{0}</div>';return String.format(div,value);}}},

            {header:'配置名称',width:100,sortable:true,dataIndex:'fileName',renderer : function(value){if(value){var div = '<div ext:qtip="{0}">{0}</div>';return String.format(div,value);}}},

            {header:'配置类型',width:100,sortable:true,dataIndex:'type'},

            {header:'配置类型',width:100,sortable:true,dataIndex:'type'},

            {header:'配置类型',width:100,sortable:true,dataIndex:'type'},

            {header:'配置类型',width:100,sortable:true,dataIndex:'type'},

            {header:'配置类型',width:100,sortable:true,dataIndex:'type'},

            {header:'配置类型',width:100,sortable:true,dataIndex:'type'},

            {header:'配置类型',width:100,sortable:true,dataIndex:'type'},

            {header:'配置类型',width:100,sortable:true,dataIndex:'type'},

            {header:'配置类型',width:100,sortable:true,dataIndex:'type'},

            {header:'配置类型',width:100,sortable:true,dataIndex:'type'},

            {header:'配置类型',width:100,sortable:true,dataIndex:'type'},

            {header:'配置类型',width:100,sortable:true,dataIndex:'type'},

            {header:'配置类型',width:100,sortable:true,dataIndex:'type'},

            {header:'配置值',width:100,sortable:true,dataIndex:'path',renderer : function(value){if(value){var div = '<div ext:qtip="{0}">{0}</div>';return String.format(div,value);}}},

            {header:'配置说明',width:100,sortable:true,dataIndex:'explain',renderer : function(value){if(value){var div = '<div ext:qtip="{0}">{0}</div>';return String.format(div,value);}}},

            {header:'配置所属工程',width:100,sortable:true,dataIndex:'projectName'}//,

            //{header:'缓存',sortable:true,width:30,dataIndex:'button',renderer:

            	//  function(value, cellmeta, record, rowIndex, columnIndex,store) {   

            	//alert(" <button type='button' onclick="+ '"' +"javascript:show('"+record.get('fileName')+"');"+'"'+" class='up'>更新 </button>");

            	  //	return " <button type='button' onclick="+ '"' +"javascript:show('"+record.get('fileName')+"');"+'"'+" class='up'>更新 </button>";

            	 // }

           // }                        

        ]); 

        /**

		 * 扩展类的构建开始

		 */

        Ext.apply(this,{

        	viewConfig : {

				forceFit : true

			},

            store:ds

            ,sm:sm

            ,cm: cm

            ,bbar:new Ext.PagingToolbar({

                pageSize:pageSize,

                store:ds,

                displayInfo:true

            })

            , tbar:[

               // {text:'新增',cls:'x-btn-text-icon',icon:'./images/button/plugin.gif',handler:this.newZdGlobal,scope:this},'-',

                {text:'修改',cls:'x-btn-text-icon',icon:'./images/button/edit.gif',handler:this.editZdGlobal,scope:this},'-',

                {text:'删除',cls:'x-btn-text-icon',icon:'./images/button/del.gif',handler:this.deleteZdGlobal,scope:this},'-',

                {text:'查询',cls:'x-btn-text-icon',icon:'./images/button/search.gif',handler:this.buildQueryWin,scope:this},'-',

                //{text:'缓存更新',cls:'x-btn-text-icon',icon:'./images/toolbar_refresh_up.gif',handler:this.hc_update,scope:this},

                '->'

            ]

        });

        // 调用父类构建函数

        net.grid.UploadlookGrid.superclass.initComponent.call(this);

        // 加载数据

        ds.load({params:{start:0}});

         // 扩展类的弹出窗口

         this.SystemForm = new net.form.SystemForm();

         this.SystemWin =  new net.win.SystemWin({items:this.SystemForm,buttons:[{

                text:'保存',

                handler:this.saveZdGlobal,

                scope:this

            },{

                text:'取消',

                handler:function(){this.SystemWin.hide();},

                scope:this

            }]}); 

         this.InsertSystemForm = new net.form.InsertSystemForm();

         this.InsertSystemWin =  new net.win.InsertSystemWin({items:this.InsertSystemForm,buttons:[{

                text:'保存',

                handler:this.saveZdGlobal1,

                scope:this

            },{

                text:'取消',

                handler:function(){this.InsertSystemWin.hide();},

                scope:this

            }]}); 

         this.SearchSystemForm = new net.form.SearchSystemForm();

         this.SearchSystemWin =  new net.win.SearchSystemWin({items:this.SearchSystemForm,buttons:[{

                text:'搜索',

                handler:this.searchZdGlobal,

                scope:this

            },{

                text:'取消',

                handler:function(){this.SearchSystemWin.hide();},

                scope:this

            }]}); 

         

        // 双击操作

         this.on({"dblclick":this.dblclick}); 

         this.addListener('rowcontextmenu', this.onMessageContextMenu);    

    }

   /**

	 * 构建函数结束

	 */

    // 右键菜单

    ,onMessageContextMenu : function (grid, rowIndex, e) {  	

        e.stopEvent();