Problems with Ajax update of part of a table

2011-01-23 Thread drf

I have the following issue doing an Ajax update on the headers in a table.

In my application, clicking on the headers will dynamically change the icon
associated with each column.
If I do an update on a Panel object which contains the entire table then
this works well. However, I specifically don't want to do that, as I don't
want server side changes to other rows to be visible in the browser.

So, I wrap just the header row in a WebMarkupContainer. When clicking on the
headers to trigger the Ajax update only on this container, this happens:

1) The header row is getting redrawn again outside the table (in Firefox,
above the original table, in Safari by the side)
2) Clicking again on the original header row inside the table, the server
side code is being executed and the  'shadow headers' get updated, but not
the original header row itself
3) Clicking on the headers in the 'shadow row'  also triggers the server
side code

Here is the html:

wicket:panel
table border=0 summary= class=standardTable cellpadding=0
cellspacing=0 id=tableToSort
thead

tr
th scope=col  Date /th
th scope=col  Type /th
th scope=col 
wicket:id=transactionRefHeaderreference/th
th scope=col  Debit /th
th scope=col  Credit /th
th scope=col 
wicket:id=transactionBalanceHeaderBalance/th
/tr

tr
td colspan=6/td
/tr
/thead
tr wicket:id=transactions
td nowrap=nowrap wicket:id=date/td
td nowrap=nowrap wicket:id=type/td
// MORE COLUMNS
/tr
/table
 // MORE STUFF
/wicket:panel

I should point out that the columns themselves are Panel objects.
As always, help is greatly appreciated !
-- 
View this message in context: 
http://apache-wicket.1842946.n4.nabble.com/Problems-with-Ajax-update-of-part-of-a-table-tp3232828p3232828.html
Sent from the Users forum mailing list archive at Nabble.com.

-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org



Re: Problems with Ajax update of part of a table

2011-01-23 Thread Martin Makundi
Hi!

In my experience, tables get distorted if you party reshape them.
Browsers are not sufficiently sophisticated to handle the situation.

**
Martin

2011/1/23 drf davidrfi...@gmail.com:

 I have the following issue doing an Ajax update on the headers in a table.

 In my application, clicking on the headers will dynamically change the icon
 associated with each column.
 If I do an update on a Panel object which contains the entire table then
 this works well. However, I specifically don't want to do that, as I don't
 want server side changes to other rows to be visible in the browser.

 So, I wrap just the header row in a WebMarkupContainer. When clicking on the
 headers to trigger the Ajax update only on this container, this happens:

 1) The header row is getting redrawn again outside the table (in Firefox,
 above the original table, in Safari by the side)
 2) Clicking again on the original header row inside the table, the server
 side code is being executed and the  'shadow headers' get updated, but not
 the original header row itself
 3) Clicking on the headers in the 'shadow row'  also triggers the server
 side code

 Here is the html:

 wicket:panel
        table border=0 summary= class=standardTable cellpadding=0
                cellspacing=0 id=tableToSort
                thead

                                tr
                                        th scope=col  Date /th
                                        th scope=col  Type /th
                                        th scope=col 
 wicket:id=transactionRefHeaderreference/th
                                        th scope=col  Debit /th
                                        th scope=col  Credit /th
                                        th scope=col 
 wicket:id=transactionBalanceHeaderBalance/th
                                /tr

                        tr
                                td colspan=6/td
                        /tr
                /thead
                tr wicket:id=transactions
                        td nowrap=nowrap wicket:id=date/td
                        td nowrap=nowrap wicket:id=type/td
                        // MORE COLUMNS
                /tr
        /table
     // MORE STUFF
 /wicket:panel

 I should point out that the columns themselves are Panel objects.
 As always, help is greatly appreciated !
 --
 View this message in context: 
 http://apache-wicket.1842946.n4.nabble.com/Problems-with-Ajax-update-of-part-of-a-table-tp3232828p3232828.html
 Sent from the Users forum mailing list archive at Nabble.com.

 -
 To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
 For additional commands, e-mail: users-h...@wicket.apache.org



-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org