Uncaught exception escaped: JavaScriptException: (Error): Invalid argument.

[Suren]

Hi All,

I am just trying out the example code given in the book named

"Google Web Toolkit Solutions-More cool and useful stuff" for
resizable columns in FlexGrid.

I have created (carefully!!) all the required classes as like
mentioned in the book.

When I run the application, its launching without any problem. The
moment, when I try to resize any column, I am getting the following
exception displayed in the Shell window


[ERROR] Uncaught exception escaped
com.google.gwt.core.client.JavaScriptException: (Error): Invalid
argument.
number: -2147024809
description: Invalid argument.
at com.google.gwt.dom.client.Element$.setPropertyString$(Native
Method)
at com.google.gwt.user.client.DOM.setElementProperty(DOM.java:1088)
at com.google.gwt.user.client.ui.HTMLTable$ColumnFormatter.setWidth
(HTMLTable.java:411)
at com.ibsplc.client.ui.table.EasyFlexTableResizable.setColumnWidth
(EasyFlexTableResizable.java:43)
at com.ibsplc.client.ui.table.ColumnResizeListener.onResize
(ColumnResizeListener.java:19)
at com.ibsplc.client.ui.ResizeListenerCollection.fireResize
(ResizeListenerCollection.java:12)
at com.ibsplc.client.ui.table.ResizableCellPanel.onMouseMove
(ResizableCellPanel.java:94)
at com.google.gwt.user.client.ui.MouseListenerCollection.fireMouseMove
(MouseListenerCollection.java:122)
at
com.google.gwt.user.client.ui.MouseListenerCollection.fireMouseEvent
(MouseListenerCollection.java:81)
at com.google.gwt.user.client.ui.Label.onBrowserEvent(Label.java:168)
at com.google.gwt.user.client.DOM.dispatchEventImpl(DOM.java:1308)
at com.google.gwt.user.client.DOM.dispatchEventAndCatch(DOM.java:
1287)
at com.google.gwt.user.client.DOM.dispatchEvent(DOM.java:1255)


I have checked the method setColumnWidth, it was like below.

public void setColumnWidth(int column, int width) {
getColumnFormatter().setWidth(column,width + "px");
}

And I knew that setWidth method args are int and String. so on the
safer side I had changed the args like below.


public void setColumnWidth(int column, int width) {
getColumnFormatter().setWidth(column,Integer.toString(width) + "px");
}

But still I am getting the same exception. Any one experienced such
issue?

Or please advise what is wrong in this case

Thanks in advance

Suren

[Salvador Diaz]

I've experienced a similar issue on IE (Firefox was fine) when trying
to run a custom animation. More specifically, I got the same
InvalidArgument javascript error. I haven't tried to pin down the
exact specific problem as I don't have an IE javascript debugger but
I'm pretty sure the cause is the buggy javascript interpreter from IE.
If you want to look at a resizable columns example in FlexGrid, try
looking at the one from the incubator, we use it in our projects and
it works pretty well.

http://code.google.com/p/google-web-toolkit-incubator/source/browse/#svn/trunk/src/com/google/gwt/widgetideas/table/client

You should note that the stack trace from your exception points at one
of your classes and you might be able to see what's wrong if you debug
your application and put a breakpoint at that location :
(com.ibsplc.client.ui.table.EasyFlexTableResizable.setColumnWidth
(EasyFlexTableResizable.java:43) ) <- That tells you where the
exception is thrown

Cheers,

Salvador

[Suren]

Hi Salvador,

Thanks for the reply.

I just had a look at the incubator and I have downloaded the latest
jar.

My requirement would be having a table with fixed header and resizable
columns.

So which demo/filename you suggess to use?

btw, on the exception side, I tried it in Firefox, where I didnt get
the exception but column resizing are not workin. I will do the
debugging anyway.

Thanks
Suren

On Apr 15, 2:44 pm, Salvador Diaz <diaz.salva...@gmail.com> wrote:
> I've experienced a similar issue on IE (Firefox was fine) when trying
> to run a custom animation. More specifically, I got the same
> InvalidArgument javascript error. I haven't tried to pin down the
> exact specific problem as I don't have an IE javascript debugger but
> I'm pretty sure the cause is the buggy javascript interpreter from IE.
> If you want to look at a resizable columns example in FlexGrid, try
> looking at the one from the incubator, we use it in our projects and
> it works pretty well.
>

> http://code.google.com/p/google-web-toolkit-incubator/source/browse/#...

> > Suren- Hide quoted text -
>
> - Show quoted text -

[Salvador Diaz]

We use the following classes
com.google.gwt.widgetideas.table.client.ScrollTable
com.google.gwt.widgetideas.table.client.FixedWidthGrid
com.google.gwt.widgetideas.table.client.FixedWidthFlexTable

ScrollTable table = new ScrollTable(getDataTable(), getHeaderTable());
table.setPixelSize(tableWidth, pixelHeight);
table.setResizePolicy(ScrollTable.ResizePolicy.UNCONSTRAINED);

protected FixedWidthFlexTable getHeaderTable() {
return new FixedWidthFlexTable();
}

protected FixedWidthGrid getDataTable(){
return new FixedWidthGrid();
}

There are some pretty good examples included in the incubator, you
should really take a look at them

[Suren]

Hi Salvador,

From the example and also from the piece of code mentioned by you,
I achieved the Column resizing,sorting and freezed header
Thanks alot for that.

Now I require a clarification

Now Column resizing and column sorting is not very evident. Sometimes
I wont get the column resizing and sometimes its going for sorting
instead of resizing.

I think, there is only one mouse cursor is shown for resizing and
sorting.

Actually could you please tell me, what and where to click for sorting
and where to drag for resizing?

I have the following policy,
table.setResizePolicy(ScrollTable.ResizePolicy.FIXED_WIDTH);

thanks
Suren

> > > - Show quoted text -- Hide quoted text -

[Salvador Diaz]

All the cues for what to do and where come from the styles given to
the different html elements forming your table, if you look at the
incubator examples (for instance, the ScrollTable one at
http://collectionofdemos.appspot.com/demo/index.html), you'll see that
you get an arrow cursor in the spots you can drag to resize columns,
and clicking the header of a column will sort it.

Again, there's much more to learn from the incubator and google's own
examples than from us users here in the forum ;)

Cheers,

Salvador

[Suren]

Hi,

Yes I agree that, there is much to learn from the incubator.
To make it simple, I am just checking with the users in the forum who
already used such widgets and has the same requirements like me, to
get the exact details what I want ;-))

Anyway thanks again for your help. Let me check the samples once
again.

Thanks buddy

Suren

On Apr 16, 1:19 pm, Salvador Diaz <diaz.salva...@gmail.com> wrote:
> All the cues for what to do and where come from the styles given to
> the different html elements forming your table, if you look at the

> incubator examples (for instance, the ScrollTable one athttp://collectionofdemos.appspot.com/demo/index.html), you'll see that

[Salvador Diaz]

> Thanks buddy

You're welcome

> Yes I agree that, there is much to learn from the incubator.

Don't forget to look at the demos with Firebug to get a hint of what
happens with the css. The Showcase is pretty great for standard GWT
widgets also (plus the css and code examples are viewable alongside
the demos)