Question

你好我的网格滚动问题。
这是代码（没有任何花哨或特殊的内容）

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元素的fixet宽度时，问题就消失了......但是它开始显示看起来很丑的水平滚动条，我只能通过将宽度设置为固定大小来删除它。

PS2。我正在使用默认的css文件，没有特殊的样式或任何东西。

Answer 1

问题由它自己解决。我已将表单集成到主项目中，滚动条出现了...... 我不知道为什么会这样，也许是extjs bug。

在网格面板上滚动的extjs问题

1 个答案: