ExtJS / JS:DataView在IE中自动向上滚动?

时间:2018-08-15 22:51:44

标签: javascript html extjs

在Internet Explorer(经过IE11测试)中,单击数据视图项将导致该项目自动滚动到顶部。要重新创建问题,请将以下代码粘贴到ExtJS文档fiddle中,运行小提琴,一直滚动到底部,然后单击其中一张图像。这将导致数据视图自动向上滚动。

Ext.define('Image', {
    extend: 'Ext.data.Model',
    fields: [
        { name:'src', type:'string' },
        { name:'caption', type:'string' }
    ]
});

Ext.create('Ext.data.Store', {
    id:'imagesStore',
    model: 'Image',
    data: [
        { src:'http://www.sencha.com/img/20110215-feat-drawing.png', caption:'Drawing & Charts' },
        { src:'http://www.sencha.com/img/20110215-feat-data.png', caption:'Advanced Data' },
        { src:'http://www.sencha.com/img/20110215-feat-html5.png', caption:'Overhauled Theme' },
        { src:'http://www.sencha.com/img/20110215-feat-perf.png', caption:'Performance Tuned' }
    ]
});

var imageTpl = new Ext.XTemplate(
    '<div class="abc">',
        '<tpl for=".">',
            '<div style="margin-bottom: 10px;" class="thumb-wrap">',
              '<img src="{src}" />',
              '<br/><span>{caption}</span>',
            '</div>',
        '</tpl>',
    '</div>'
);

Ext.create('Ext.view.View', {
    store: Ext.data.StoreManager.lookup('imagesStore'),
    tpl: imageTpl,
    itemSelector: 'div.abc',
    emptyText: 'No images available',
    renderTo: Ext.getBody()
});

有什么办法可以阻止此自动滚动?这仅在IE中发生(滚动位置在FF和Chrome中不受影响)。

0 个答案:

没有答案