Ext.ux.LiveGrid

[NicoP]

May be the quickest solution is to use Javascript Native Code inside GWT....

[sstratton]

Interesting problem, I load the data store and data displays in my grid on initial load, aEmployeeDataStore.load({params: {start: 0, limit: 150}});, which matches the settings of 150 in the buffer, and I get no scrollbar. I reload the grid via any action (sort, etc) and I get a scrollbar. Also worth noting it doesn't give me totals or x of y in the bufferedtoolbar.

[ThorstenSuckow]

Interesting problem, I load the data store and data displays in my grid on initial load, aEmployeeDataStore.load({params: {start: 0, limit: 150}});, which matches the settings of 150 in the buffer, and I get no scrollbar. I reload the grid via any action (sort, etc) and I get a scrollbar. Also worth noting it doesn't give me totals or x of y in the bufferedtoolbar.

Need... some... source code...


Alspo make sure you checked out rc5 out of the trunk!

[nctag]

I tested the newest rc5 with my modification so that I was able to use the fixed and the scrollbar fix too. First of all a big thank to all fixes. It works great so far. But there occures an error if there are less records in de database available than could be diplayed. Imagine like that:

You have an db table with the users. but there are only 2 users in the table. So the livegrid is as height as 10 records could be displayed. The data will be loaded correctly. But if you perform a resize so that only 1 record could be displayed, there is no scrollbar and the second record won't be hidden.

I hope you understand what I mean. Maybe you can test it too an tell me wheter it is a bug or it's just my mistake. If you don't undestand it, don't avoid to ask me!

Kind regards
nctag

[ThorstenSuckow]

You have an db table with the users. but there are only 2 users in the table. So the livegrid is as height as 10 records could be displayed. The data will be loaded correctly. But if you perform a resize so that only 1 record could be displayed, there is no scrollbar and the second record won't be hidden.

nctag, can you provide a screenshot of the error? I can remember similiar behavior when I resized a window to a ridiculous small value - the scrollbar is gone then. But rendering would work as usual, i.e. little bit of first row shown, second row hidden...

[nctag]

Here you are.

There are 3 screenshots:
1. start situation
2. resize to 2 records
3. resize to 2 and a half record

I performed only those steps that are documented by the screenshots. It should be very clearly for you now. If not, I will set up a live example for you. But it would cost me some work.

Questions or can you follow the discription and the screenshots?

[ThorstenSuckow]

Here you are.

There are 3 screenshots:
1. start situation
2. resize to 2 records
3. resize to 2 and a half record

I performed only those steps that are documented by the screenshots. It should be very clearly for you now. If not, I will set up a live example for you. But it would cost me some work.

Questions or can you follow the discription and the screenshots?

nctag, thanks for the effort creating those graphics. I'll look into it!

[nctag]

Hi MindPatterns

I've just fixed another bug. It was the bug reported by me yesterday. So please try out this file and tell me your expirience with it.

As I tested it before It worked really fine and should fix the Ext 2.2 problems (at least the most important of it).

Like every time i fixed something you can reach the recent lines by searching for "fixed by nctag".

[NicoP]

Hi,

I need to update the current live grid content when a "realtime-event" occurs.

To update the current visible rows I use this function:

mygrid.getView().updateLiveRows(mygrid.getView().lastRowIndex,true,true);

However this function only call the server and do not refresh data in the grid.
So I add this function able to refresh grid contents

mygrid.getView().replaceLiveRows(mygrid.getView().lastRowIndex,true);

However I cannot call this function before the function "updateLiveRows" has finished (async callback inside).

I can do this but it is not a good way:

  
mygrid.getView().updateLiveRows(mygrid.getView().lastRowIndex,true,true);
setTimeout(
      function(){
        mygrid.getView().replaceLiveRows(mygrid.getView().lastRowIndex,true);
      }, 200);

Any better ideas?

Thanks for your help.

[ThorstenSuckow]

Hi,

I need to update the current live grid content when a "realtime-event" occurs.

To update the current visible rows I use this function:

mygrid.getView().updateLiveRows(mygrid.getView().lastRowIndex,true,true);

However this function only call the server and do not refresh data in the grid.
So I add this function able to refresh grid contents

mygrid.getView().replaceLiveRows(mygrid.getView().lastRowIndex,true);

However I cannot call this function before the function "updateLiveRows" has finished (async callback inside).

I can do this but it is not a good way:

  
mygrid.getView().updateLiveRows(mygrid.getView().lastRowIndex,true,true);
setTimeout(
      function(){
        mygrid.getView().replaceLiveRows(mygrid.getView().lastRowIndex,true);
      }, 200);

Any better ideas?

Thanks for your help.

Update the records in the store... the corresponding listeners will update the view for you, then.