2011-06-28 72 views
1

你好,我的網格上滾動有問題。
下面是代碼(沒有什麼花哨或特殊在它)extjs在網格面板上的滾動問題

Ext.define('grid.list',{ 
    alias:'widget.grid.list', 
    extend: 'Ext.grid.Panel', 
    title: 'list', 
    frame:true, 
    width:325, 
    store: new axs.dry.cargo.data.store.list, 
    queryMode: 'remote', 
    style:{ 
     cursor: 'default' 
    }, 
    viewConfig: { 
     autoScroll: true 
    }, 
    features:[Ext.create('Ext.grid.feature.Grouping',{ 
     groupHeaderTpl: '{name}' 
    })], 
    columns: [ 
    { 
     text: 'Name', 
     flex: true, 
     dataIndex: 'name', 
     sortable: false 
    } 
    ], 
    initComponent:function(){ 
     this.on('beforerender',function(){ 
      this.store.load(); 
     }); 
     grid.list.superclass.initComponent.apply(this,arguments) 
    } 
}) 

電網是好看,這個滾動條的顯示但在滾動條ExtJS的產生是誰在做真正的問題一個DIV。由於該div我不能滾動條上點擊因爲透明DIV是在它....這裏是這個沒用DIV的

<div id="gridscroller-1032" class="x-component x-scroller x-scroller-vertical x-component-default x-docked x-docked-right x-component-docked-right x-component-default-docked-right" style="width: 17px; height: 297px; left: 302px; top: 47px; " role="presentation"><div class="x-stretcher" id="ext-gen1392" style="width: 1px; height: 2953px; "></div></div> 

我聽說這個div爲「不定式電網產生意見的代碼「但是...
你能幫助我解決問題嗎(通過選擇ID去除元素並不是一個好的選擇)

PS。當我刪除我的grid.list元素的固定寬度時,問題就消失了......但隨後它開始顯示水平滾動條,它看起來很醜,我只能通過將寬度設置爲固定大小來移除它。

PS2。我使用的是默認的css文件,沒有特殊的樣式或任何東西。

+0

你怎麼在這裏擴展Panel而不是GridPanel?擴展:'Ext.grid.Panel' – Swar

+0

我需要和我擴展'Ext.grid.Panel'。 – T1000

回答

0

問題本身修復。我已經在主項目中集成了我的表單,並且出現了滾動條... 我不知道爲什麼會發生這種情況,也許它是extjs錯誤。