Ext.ux.LiveGrid

Thanks for your help.

However if I replace this line :

Code:

---

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

---

with this line :

Code:

---

mygrid.getStore().load();

---

The data is well refreshed however the vertical scroll is also reset I start reading the datagrid from the beginning. (It is the same action as the refresh button in the bottom toolbar).

Is there a better way to refresh only the current visible part of the grid?

The final idea is to use highlight color for each updated rows like this:

Code:

---

var row = grid.getView().getRow(rowIndex);
        if(row!=null) {
          var el = Ext.fly(row);
          el.highlight(color,{"duration":3.00});
        }

---

Thanks.

Quote:

---

Originally Posted by mattb

Has anyone used Livegrid + the Grid Filter plugin? I'm trying this out and the grid and filters work as expected except when I apply a filter and then scroll the grid -- once the grid makes a request for new rows, it doesn't pass the filter to my server-side function so it ends up pulling new rows from an unfiltered dataset...

Any ideas on how to pass the filters through livegrid and back to the server?

thx

Matt

---

I have the same question. Has this be answered already and did I miss it?

To pass aditionnals filters or parameters to the server I use session's attributes.

Quote:

---

Originally Posted by akannu

I have the same question. Has this be answered already and did I miss it?

---

Hi,


a filter should be used server side. Here's how I pass additional parameters if I want to change the result set that should be rendered into the view:

First off, you need to tell the grid that the data in the store has changed: You can d this by calling the

Code:

---

reset()

---

method of the grid's view and by passing "true" as the argument:

Code:

---

this.grid.view.reset(true);

---

This forces the grid to request data from the server by totally resetting all properties - the view gets refreshed, then. Passing arguments to the server can be done by changing the attributes of the params-object that is used to communicate with the server. This is an example of sending additional parameters to the server - you must specify an event listener for the grids store's "beforeload"-event:

Code:

---

onGridStoreBeforeLoad : function(store, options)
{
    if (!options.params) {
        options.params = {};
    }

    options.params.filterField = 'someField'

}

---

Please note that the "beforeload" event of the grid's store only fires "once": When requesting new data for buffering, the "*buffer" events will be triggered. However, arguments you have passed to the server using the above method will still exist in the params-obejct.

To reset the grid and to refresh the view , just call "reset(true)" and make sure you change the "beforeload"-listener accordingly.

Quote:

---

Originally Posted by 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".

---

nctag, thank you very much for your contributions. I'm back at home from a business trip and will take care of it! Again, thanks a lot!

Quote:

---

Originally Posted by NicoP

Thanks for your help.

However if I replace this line :

Code:

---

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

---

with this line :

Code:

---

mygrid.getStore().load();

---

The data is well refreshed however the vertical scroll is also reset I start reading the datagrid from the beginning. (It is the same action as the refresh button in the bottom toolbar).

Is there a better way to refresh only the current visible part of the grid?

The final idea is to use highlight color for each updated rows like this:

Code:

---

var row = grid.getView().getRow(rowIndex);
        if(row!=null) {
          var el = Ext.fly(row);
          el.highlight(color,{"duration":3.00});
        }

---

Thanks.

---

I still don't fully understand what you are about to do, however I can give you a few hints, I guess.

1) If you take a look at the "processRows()" method of the grid view, you can see how grid rows get painted "selected". You could probably override this method and implement additional logic for highlighting your rows.

2) Use a field in a record which is used to represent a data row. Change the attribute of the record, for example "highlited", whenever you want to paint the record as highlighted (true/false)... then add you own renderer which is used to paint the row according to the "highlighted"-property of the record, just like you would do it in a normal grid.

This would probably be the recommended method...

Quote:

---

Originally Posted by 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".

---

Hey nctag,

I just tried to reproduce your error, but had no success. I guess it's related to Ext 2.2 which I currently do not use yet. If you can reproduce this error with 2.1 and the latest Livegrid version out of the trunk, just tell me, otherwise I'll postpone this bug to the 0.3 release.

I don't know if it's a bug or not ... but only happens to livegrid and i could not find any info on this ...

see the screenshot:

http://up.drun.net/files/buffered.png

The scroll bar is on the right of the column headers. Normally it's below the last column header which is with width equal to the scroll's width ...

is this normal ?

Quote:

---

Originally Posted by wasp

I don't know if it's a bug or not ... but only happens to livegrid and i could not find any info on this ...

see the screenshot:

http://up.drun.net/files/buffered.png

The scroll bar is on the right of the column headers. Normally it's below the last column header which is with width equal to the scroll's width ...

is this normal ?

---

It's not a bug...it's a feature ;)

0.3 has a complete UI-change, so that it looks more like a native Ext grid... until then, the scrollbar on the right side is the way to go! ~o)

Quote:

---

Originally Posted by MindPatterns

Hey nctag,

I just tried to reproduce your error, but had no success. I guess it's related to Ext 2.2 which I currently do not use yet. If you can reproduce this error with 2.1 and the latest Livegrid version out of the trunk, just tell me, otherwise I'll postpone this bug to the 0.3 release.

---

I confirm that it is a Ext 2.2 only bug. So don't care about it until the 0.3 release. I thought it would be clear that it's only for Ext 2.2. I am very sorry.

But I have got another question.

Is it possible to set the position to a specific record?
Let's say we have 10000 records in the livegrid. I now want to go per a button to the 5869. Record because this record is relevant in an other context. So I have to set the position to record 5869. It must be possible because you set the position also when a user uses the scroll bar. But I could not find the right way up to now. Do you have an example how to realize it correctly?

Thank you very much and ~o)