ExtJs网格的行为非常奇怪

所以我有两张照片显示了正在发生的怪事

下面是另一个场景:

在这里,你可以看到,当我在这个网格中向下滚动时,滚动条正好位于网格的底部,甚至不会一直向下滚动。您需要手动单击网格,然后按向下箭头以获得向下的其余部分。

是什么导致了这两个奇怪的问题?

编辑:

Dim VehicleOptionsGrid As New Akcelerant.Framework.WebControls.Grids.Grid
    With VehicleOptionsGrid
        .ID = "VehicleOptionsGrid"
        .Title = "Vehicle Options"
        .Toolbar.UseDefaultButtons = False        
        .Mode = Grids.Grid.GridMode.Control        
        .Panel.Border = False
        .Panel.Style = "border-width:1px;margin-bottom:5px"
        .Ref = "../../../../../VehicleOptionsGrid"
        .Editable = True
        With .Columns.Add("IsSelected", "Selection", Akcelerant.Framework.WebControls.Grids.Grid.ColumnDataType.Boolean)
            .Renderer = "renderVehicleCheckbox"
        End With
        .Columns.Add("CollateralId", "").Hidden = True
        .Columns.Add("OptionId", "OptionId").Hidden =True         
        .Columns.Add("OptionName", "Name").Width = 200
        .GridHeight = 400
        .DataBind()

        ViewResponse.AddScript(.ToString(False))
        ViewResponse.AddScript("VehicleOptionsGrid.grid.addListener('cellclick', changeOptionStatus);")
    End With

下面是我们将网格添加到页面的位置:

With .AddPanel
                            With .AddPanel
                                .Title = ""
                                .Html = "Standard Options are preselected. Please select additional options as needed."
                                .Style = "padding-bottom:5px"
                            End With
                            .Ref = "../../../../VehicleOptionsPanel"
                            .Title = "Vehicle Options"
                            .Frame = True
                            .Style = "padding-bottom:5px"
                            .Layout = Pages.Panel.LayoutType.Column
                            .Height = 400
                            .Collapsed = True
                            .AddExtObject("VehicleOptionsGrid.grid")
                        End With