UniDBgrid, Paged(50), Vertical scrollbar issue

[Kast2k]

Dear colleagues,

Unidbgrid is paged. When switching between pages then sometimes on different pages vertical scrollbar is calculated wrong and you can see empty screen.

May be the same topic was already started but i cant find it.

Thank You.

 

[Sherzod]

10 minutes ago, Kast2k said:

Unidbgrid is paged. When switching between pages then sometimes on different pages vertical scrollbar is calculated wrong and you can see empty screen.

May be the same topic was already started but i cant find it.

Hello,

Do you mean vertical scrollbar? Which build of UniGUI are you using?

 

[Kast2k]

Sherzod,

1.90.0.1528

Yes, vertical scrollbar

[Sherzod]

How can we reproduce this behavior? Simple app?

 

[Kast2k]

OK, i will prepare and add to topic

[Kast2k]

Demo project attached.

Problem seems to be in "Display memo" column parameter.

GridColumnSort_VertScrollBug.zip

[Sherzod]

1 hour ago, Kast2k said:

Demo project attached.

Yes I see the "problem".

[Kast2k]

@Sherzod

Is it bug or feature? Are You possible ti fix it or it is Sencha problem?

[Sherzod]

Just now, Kast2k said:

Is it bug or feature? Are You possible ti fix it or it is Sencha problem?

We will investigate this behavior.

[Sherzod]

15 minutes ago, Kast2k said:

Is it bug or feature? Are You possible ti fix it or it is Sencha problem?

Can you try this approach for now?

UniDBGrid1.ClientEvents.ExtEvents [store]

function store.load(sender, records, successful, operation, eOpts)
{
    if (this.grid.getView().getEl().select('.x-scroller-spacer').elements[0]) {
        Ext.get(this.grid.getView().getEl().select('.x-scroller-spacer').elements[0]).setStyle('transform', 'translate3d(100%, 100%, 0px)');
    }
}

 

[Kast2k]

@Sherzod

Doesnt work.

[Sherzod]

Works for me.

Which browser are you using?

[Kast2k]

@Sherzod

[Sherzod]

Can you check on Chrome for a test?

[Kast2k]

@Sherzod

Yes, here is users Chrome

 

[Sherzod]

16 minutes ago, Sherzod said:

function store.load(sender, records, successful, operation, eOpts) { if (this.grid.getView().getEl().select('.x-scroller-spacer').elements[0]) { Ext.get(this.grid.getView().getEl().select('.x-scroller-spacer').elements[0]).setStyle('transform', 'translate3d(100%, 100%, 0px)'); } }

Try this:

function store.load(sender, records, successful, operation, eOpts)
{
    this.grid.getView().getEl().select('.x-scroller-spacer').remove();
}

 

[Kast2k]

@Sherzod

Basically works, but NG.

If last page have no vertical scrollbar then it freezes

[Sherzod]

8 minutes ago, Kast2k said:

Basically works, but NG.

If last page have no vertical scrollbar then it freezes

Then I'm sorry for the hasty decision.
Although it works for me.

[Kast2k]

@Sherzod

How it works in Chrome.

In Firefox it may work or not. Unknown why

[Sherzod]

3 minutes ago, Kast2k said:

In Firefox it may work or not. Unknown why

 

Look, are there any errors in the browser console?

[Kast2k]

@Sherzod

only this appear

[Sherzod]

1 minute ago, Kast2k said:

only this appear

Yes, it is important...

[Sherzod]

38 minutes ago, Kast2k said:

Basically works, but NG.

If last page have no vertical scrollbar then it freezes

Also try this approach.

1. Remove the above JS codes.

2. Use CSS:

.customgrid .x-scroller-spacer {
  transform: translate3d(100%, 100%, 0px) !important;
}

3. UniDBGrid1.LayoutConfig.Cls = customgrid

[Kast2k]

@Sherzod

Thank You! Now it works perfect.

We will test more of course, but now is OK.

Is it possible to add this solution to new release of UniGui?

[Sherzod]

1 minute ago, Kast2k said:

We will test more of course, but now is OK.

Is it possible to add this solution to new release of UniGui?

Please test more, we will also analyze.