Ext.ux.LiveGrid

[meroy]

Single click (srollbar arrows) is nice. I just need to validate the minimum scroller movement for IE 7/8 (IE 6 is 50) and Opera.

Also, I need to fudge the logic for page scrolling -- clicking inside the scrollbar -- to scroll the grid one page. The grid uses rowHeight and the scroller div uses minScrollMovement for the math.

IE still requires scrollDelay to be set to 1 to stop the event from calling onLiveScroll 3 times for each click though.

[meroy]

Ok. After a long night, all was well. Then, I moved IE 6 to another monitor and changed the height of the browser window. The minScrollMovement for the scrollbar is not a fixed value whereas it is for Firefox and WebKit no matter the height of the window.

Therefore, this approach is a no go for me. It was nice to see paging/scrolling behaving consistently between the 3 browsers though.

This is quite a challenge.

Is it possible to have an Ext.Scrollbar to look and feel like the native scrollbar with CSS styling? This will allow full control of its properties: minScrollMovement, pageScrollMovement, etc.

[calugaru.cristian]

I came up with a solution for this issue :

 var newIndex = value; //the value in the grid you want to select
 var newIndexPosition = newIndex * gridView.rowHeight;
  var oldIndexPosition = gridView.lastScrollPos;
  if (newIndexPosition >= oldIndexPosition) {
           gridView.adjustScrollerPos(newIndexPosition - oldIndexPosition, true);
      }
   else {
            gridView.adjustScrollerPos(newIndexPosition - oldIndexPosition, true);
          }

Not sure if it's the best one, but seems to be working fine.
But I'm still stuck with the word-wrapping part. I already have a lot of functionality based on the livegrid, I would really dislike searching for a different component, just because of this problem.
Emily, maybe you could provide us with the changes you have made, even if they aren't fully working, so maybe we can see if something further can be done?

Hi again.
So, I tried playing with the updateLiveRows, but I haven't managed to use it properly.
I added a button on my window, with a hard-coded call to , let's say, the 300th index in my data. I added the livegrid.Toolbar, an, when I press the button, it seems that the information from the toolbar is getting updated ('Displaying 300-399 of 2000'), the loadMask
is getting shown, and a correct call is made to the back-end (with the start param to 300).
But right after this one, another call is made with the former index(0 in my case), and
the same rows are getting re-displayed. I don't see why 2 calls are made when calling the method..

Did anyone have a requirement to jump around rows with the livegrid?

[kkothari]

Hi,

I'm using the Livegrid extension and it works fine on FF but it gives me an "Invalid Argument" javascript error in IE6 and 7.

To reproduce the issue, please follow these steps:
1) Expand the attached zip file.

2) In livegrid.html, Replace the text "** Enter url **" for a server url that you can use and that'll return json.

3) Serve up livegrid.html through an app server. Use this text as the json returned from the server:
{"totalCount":"2","gameData":[{"Name":"John","Place":"Jacksonville","Animal":"Jackal","Thing":"Jacket"},{"Name":"Peter","Place":"Paris","Animal":"Porcupine","Thing":"Pen"}]}

The javascript error is seen right after the json is returned from the server.

A few other questions about Livegrid:
1) I see the client times out if the server takes longer than 30 sec or so (my server timeout setting is much more).
Is there some configuration i can change so that the client keeps waiting for a server response for much longer?

2) Is there any upper limit on how many records the Livegrid can handle? I mean, will I get the same performance for 100k records as for 10k records assuming the same server performance?

Thanks in advance, any info will be appreciated.

Kailash.

[tolitius]

Hey people of ExtJS,

We have a requirement to implement live/endless/pageless/etc.. scrolling for the table (grid), where our clients can select rows [ checkboxes ], rows would have custom tooltips, etc..

We are now looking at Ext Livegrid and jQuery jqGrid. We like both, but the final choice would depend on how easy it is to have it fit our requirements.

Any suggestions on how to customize / configure Ext Livegrid? ( checkboxes, tooltips, etc.. ).

Thank you,
/Anatoly

P.S. Browsed through the wiki (http://wiki.ext-livegrid.com/) could not find the answer, hence falling back to the community support. thank you.

[meroy]

Not sure if anybody has run into the following problem I came across just today.

We have users which have configured their Windows XP to use the Large Font Size versus the normal Font Size setting.

This makes the LiveGrid scrollbar non-functioning with IE 6 and even IE 8 (not tested with IE 7). It simply doesn't scroll when clicking on the scrollbar arrows.

This is so unfortunate.

[meroy]

Not all is bad though. I did some benchmarks today with IE 8.

Did you know that by having IE 8 run in IE 8 mode, your scrolling will go into overdrive.

IE 8 by default takes about 44 seconds to scroll through 1172 rows when pressing on the down scrollbar arrow.

Adding the following to the header caused the scrolling to complete in 27 seconds. I was amazed by this. IE 8 kicks butt when you have this. Everything is much faster.

<meta http-equiv="X-UA-Compatible" content="IE=8" />

And for comparison, IE 6 took 59 seconds.

That made my day though. However, after testing on a couple machines where the user configured their Windows XP desktop to use Large Fonts, it quickly became a "no go" for the time being as scrolling fails completely.

We really need a successful LiveGrid. What @MindPatterns has done is quite impressive. Just the scrolling is flaky at times.

To solve this, we need some sort of Ext.Scrollbar where one can then specify both the small and large distance movement for the scrollbar thumb. That is not possible when using the native scrollbar.

[meroy]

The scrollbar on this Live Grid works even with setting Large Fonts for the Display Appearance under Windows XP.

http://dowdybrown.com/dbprod/rico3/demo/

Look at the Editable LiveGrid (advanced) example.

On that one, keyboard page down/up is not functioning.

[meroy]

Here are two more URLs where folks have mocked up a scrollbar. This is the kind of thing I believe will help complete the Live Grid user extension. It will then be possible to specify the small and large thumb movement size.

This one is the closest I have found to function well. This includes keyboard page/up when the grid has focus.

FleXcroll
http://www.hesido.com/web.php?page=customscrollbar

And I found this too while searching
http://www.akxl.net/labs/articles/sc...script-and-css

I believe we need a new component: Ext.Scrollbar

That will help solve the issues we are seeing with scrolling.

It will also help reduce some of the math involved and therefore help make the entire LiveScrolling action faster.

[meroy]

Not sure if anybody has run into the following problem I came across just today.

We have users which have configured their Windows XP to use the Large Font Size versus the normal Font Size setting.

This makes the LiveGrid scrollbar non-functioning with IE 6 and even IE 8 (not tested with IE 7). It simply doesn't scroll when clicking on the scrollbar arrows.

This is so unfortunate.

Want to report that this is solved for me.

All I needed to do was to increase the width from 18px to 19px and scrolling is working for folks with Windows XP and setting Display Properties --> Appearance --> Font size --> to Large. It requires 22px for Extra Large.

.ext-ux-livegrid-liveScroller {
    z-index:1;
    background:none!important;
    position:absolute;
    height:3px;
    right:0px;
  width:19px;
    overflow:scroll;
    overflow-x:hidden;
}

Attaching a picture of the Display Properties dialog. I have it set to Large for Font size for testing this configuration. The LiveGrid scrollbar is functional. It requires 19px for the width, otherwise scrolling fails when clicking on the arrows.