Hello.
I have made a simple form and table on the page. I send async AJAX request to 
the server, then I update model (List<Item>) on the server side and then I 
update table component on the page. But table component does't change. Here 
some code:

Home.html page:
<html jwcid="@Shell" title="Tapestry-4.1.1" browserLogLevel="info" 
debugEnabled="true" consoleEnabled="true">
        <body jwcid="@Body">
                <form jwcid="[EMAIL PROTECTED]" async="true">
                        <input type="text" jwcid="[EMAIL PROTECTED]" 
value="ognl:item.name"/>
                        <input type="submit" value="Ok"/>
                </form>

                <table border="1" jwcid="[EMAIL PROTECTED]:Table"
                                source="ognl:items"
                                columns="literal:name">
                        <tr>
                                <th>name</th>
                        </tr>
                        <tr>
                                <td></td>
                        </tr>
                </table>
        </body>
</html>


HomePage.java class:
public abstract class HomePage extends BasePage implements 
PageBeginRenderListener {

        public abstract Item getItem();

        public abstract void setItem(Item item);

        @Persist
        public abstract List<Item> getItems();

        public abstract void setItems(List<Item> items);

        public void pageBeginRender(PageEvent arg0) {
                if (getItem() == null) {
                        setItem(new Item());
                }
                if (getItems() == null) {
                        setItems(new ArrayList<Item>());
                }
        }

        @EventListener (
                        targets = "form",
                        events = "onsubmit",
                        submitForm = "form"
        )
        public void projectSelected(IRequestCycle cycle) {
                getItems().add(getItem());
                cycle.getResponseBuilder().updateComponent("table");
        }

}

AJAX response:
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 
1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"; [
        <!ENTITY nbsp '&#160;'>
]>
<ajax-response>
        <response id="table" type="element">
                <div id="tableView">
                        <table border="1" id="tableElement">
                                <tr>
                                        <th class="nameColumnHeader" 
id="informal">
                                                <table class="tableHeaderTable" 
>
                                                        <tr>
                                                                <td><a 
id="linkColumn" 
href="/tapestry-proba/app?component=tableColumnComponent.linkColumn&amp;container=contrib%3ASimpleTableColumnPage&amp;page=Home&amp;service=direct&amp;session=T&amp;sp=AHome%2Ctable.tableView&amp;sp=Sname">name</a></td>
                                                        </tr>
                                                </table>
                                        </th>
                                </tr>
                                <tr id="informal_0">
                                        <td class="nameColumnValue" 
id="informal_1">1255</td>
                                </tr>
                        </table>
                </div>
        </response>
</ajax-response>

and error: No node could be found to update content in with id table.

What I'm doing wrong? Could somebody help me?

Thanks a lot.


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

Reply via email to