I am working on a project that has a DataTable with a filter that uses AJAX
to update an object on the backend and refresh the table, among other
things.  Everything is working well so far except the columns in the filter
toolbar row are shifted one column to the right after the AJAX refresh. 
Using Firebug to inspect the toolbar row after the update, I see that
everything is shifted one to the right because Wicket is inserting a <div>
in the <tr> before the <td>'s.  So instead of

<tr>
    <td>...</td>
    <td>...</td>
</tr>

I have

<tr>
    <div></div>
    <td>...</td>
    <td>...</td>
</tr>

The contents of the <div> are:

<div id="filter-form18" wicket:id="filter-form"><input type="hidden"
value="" wicket:id="focus-tracker"
name="checkGroup:equipmentDataTable:topToolbars:2:toolbar:filter-form:focus-tracker"
id="queueDetailsPanel:checkForm:checkGroup:equipmentDataTable:topToolbars:2:toolbar:filter-form:focus-tracker"/></div>

If it makes any difference, when I do the update, I am not updating the
DataTable directly - I am updating a higher level Panel that contains the
DataTable.  Has anyone else had any similar problems?

-Brandon
-- 
View this message in context: 
http://www.nabble.com/DataTable-FilterToolbar-Shifted-After-AJAX-Call-tf4601906.html#a13139327
Sent from the Wicket - User mailing list archive at Nabble.com.


---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Reply via email to