Ext.ux.LiveGrid

Some things:

1. Is it possible to use the XML reader instead of the JSON reader?
2. Does it work with an alternative proxy (it couldn't see any limit parameter in my test case)?
3. Does it support the CheckboxSelectionModel?

J

Quote:

---

Originally Posted by MindPatterns

I haven't tested this on IE6. Is the grid component even supposed to work with IE6? Can you send me a screenshot or an error description of the Firefox problem?

---

As promised, here are the screenshots from IE6. (attached)

When the screen starts the columns are displayed at the bottom, so i cannot really say, if the rows are still rendered (i guess, they are). When you scroll down nothing of the grid-content is displayed anymore, although it stucks sometimes, so it seems the loading-progress (and thus your whole script) is still working.

No Javascript Errors though.

My first guess: Could you please try to delete the doctype, if the page loads in IE6? In many cases ExtJs isnt displaying properly in IE6 (just search the forum), because IE6 cannot handle the doctype correctly. Removing _any_ doctype at all fixed the displaying bug in most cases. (recommended from jack also!)

Tell me, when you removed it and i will do testing again.

@Thorsten (MindPatterns) - First of all - great job, mate! Nicely coded!

The problem with IE6 and not being able to show the grid properly is related to the crappy box-model. But that we all knew, right? The thing is that the header and the scroller(data) are wider than the parentNode's "available width" (that is the width of the parentNode minus the scrollBar).

The x-grid3-viewport element has overflow hidden, but it gets the width of the parentNode, and thus not excluding the rightside scrollBar.

What you need to do is to put float:left to the x-grid3-viewport.

I know that this fixes the issue, and doesn't break anything on IE6, FF2, nor IE7.

// Handshake

Quote:

---

Originally Posted by andrei.neculau

What you need to do is to put float:left to the x-grid3-viewport.
I know that this fixes the issue, and doesn't break anything on IE6, FF2, nor IE7.

---

So, should this be done in the deploying ext-all.css ? If so, you should give this hint to the core developers to include it into the final 2.0 release.

@wm003 - before wasting Forum space, I would suggest to think/test yourself. If you test one of the grid examples - say http://extjs.com/deploy/dev/examples...rray-grid.html - you will see that the grid renders perfectly in IE6.

What happens here is that Thorsten took away the scrolling from the former scroller (data), and put it outside it, on the viewport. So, NO, this is not something that the whole ExtJS package needs to include. It is just specific to this situation.

Quote:

---

Originally Posted by andrei.neculau

What happens here is that Thorsten took away the scrolling from the former scroller (data), and put it outside it, on the viewport. So, NO, this is not something that the whole ExtJS package needs to include. It is just specific to this situation.

---

Thx Andrei, I'll follow your advise when I have access to the source code later this afternoon.


OT: I think your reaction to wm003's question was a little bit harsh ;)


[QUOTE=jheid;85183]Some things:

1. Is it possible to use the XML reader instead of the JSON reader?
2. Does it work with an alternative proxy (it couldn't see any limit parameter in my test case)?
3. Does it support the CheckboxSelectionModel?

J

Very impressive work...As for the problem with IE6 try removing or changing the doctype from your page.

@rodiniz - Removing or setting doctype to loose/transitional doesn't solve it anything

@thorsten - I was very much aware of that when writing it, but I thought the purpose beats the means.

Quote:

---

Originally Posted by andrei.neculau

@wm003 - before wasting Forum space, I would suggest to think/test yourself. If you test one of the grid examples - say http://extjs.com/deploy/dev/examples...rray-grid.html - you will see that the grid renders perfectly in IE6.

---

You are right, basically. Of course, the delivered examples work on IE6. ..if they will not be touched in any way. I had the experience that IE6 did not react as it did in the examples, when i tried the complex layout in a very basic form (see my thread about this here), and after hours of tryouts it was finally solved by removing the doctype. The nearly same routine in the examples worked perfectly on IE6. So it was just a suggestion. And i'm glad you found a CSS setting to get it working:). So MindPatterns just needs to include a css-file with his distribution or override the global setting over JS and the problem is gone.

I hope, i haven't wasted too much forumspace again...;)

Quote:

---

Originally Posted by wm003

So MindPatterns just needs to include a css-file with his distribution or override the global setting over JS and the problem is gone.

---

No, not really. MindPatterns needs to deliver this fix in his GridView template, same place where he cancels the formal scroller, and adds the outer scroller. I don't know how good this is, but I suggest adding a class like .x-grid3-live or something to the main .x-grid3

A simple

Code:

---

.x-grid3-viewport{float:left}

---

would change the CSS all over the place, and you never know what that might break.

You need to find your best shot at this, Thorsten - any hint from Ext Core Developers!?