Здравствуйте, у меня проблема с прокруткой в моей сетке.
Вот код (ничего особенного или особенного в этом)
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 создан для "бесконечная сетка "но ...
Можете ли вы помочь мне с хорошим решением (удаление элемента путем выбора его идентификатора не является хорошим решением)
PS.Когда я удаляю фиксированную ширину моего элемента grid.list, проблема исчезает ... но затем он начинает показывать горизонтальную полосу прокрутки, которая выглядит некрасиво, и я могу удалить ее, только установив ширину фиксированного размера.
PS2,Я использую CSS-файлы по умолчанию и никаких специальных стилей или чего-либо еще.