Fwd: Problem with Ajax Framework

Andrea Pulese <[email protected]> Mon, 7 Jan 2013 17:17:13 +0100
Newsgroups	gmane.comp.web.webobjects.wonder-disc
Message-ID	<CAEF058As4qA3h0MgrxB1s5n_1S8KoMA-f2sZrNQ4T-=TwYUf7w@mail.gmail.com>
---------- Forwarded message ----------
From: Andrea Pulese <[email protected]>
Date: 2013/1/7
Subject: Problem with Ajax Framework
To: [email protected]


Hi all , I'm a new WebObject developer.
I'm trying to write some piece of code by using Ajax technology.
The components has been written in this way :

The main container contains one AjaxUpdateContainer and a component
called LinksContainer which contains a link.
<html>
        <head>
                <title>Untitled</title>
        </head>
        <body>
                <webobject name = "LinksContainer"/>
                <webobject name = "Container">
                </webobject>
        </body>
</html>

LinkContainer code :
<div id = "linksContainer">
        <webobject name = "Link1"> link </webobject>
</div>

//bind
Link1 : AjaxUpdateLink {
        action = getSiteListComponent;
        updateContainerID = "rootContainer";
}

The LinkContainer component return a new component called
SiteListComponent containing a mask of search criteria. and also
another ajax update container.
SiteListComponent
<div id = "siteListComponent">
        <webobject name = "CriteriaComponent"/>
        <webobject name = "AjaxContainer"/>
</div>

//bind
CriteriaComponent : CriteriaComponent {
}

AjaxContainer : AjaxUpdateContainer {
}


CriteriaComponent code:

<div id = "criteriaComponent">
        <webobject name = "CriteriaForm">
                <table>
                        <tr>
                                <td><webobject name = "FieldName"/></td>
                                <td><webobject name = "FieldSurname"/></td>
                        </tr>
                        <tr>
                                <td><webobject name = "Search"/></td>
                        </tr>
                </table>
        </webobject>
</div>

//bind
CriteriaForm : WOForm {
}

FieldName : WOTextField {
        value = fieldName;
}

FieldSurname : WOTextField {
        value = fieldSurname;
}

After clicking the search button I aspected that the second
AjaxUpdateContainer would be refreshed with the new component but a
javascript error occurs.
wonder.js:420 TypeError: 'undefined' is not a function (evaluating
'formSerializer(form)')
I have attached the eclipse workspace containing the entire example.

Best Regards
Andrea Pulese

------------------------------------------------------------------------------
Master Visual Studio, SharePoint, SQL, ASP.NET, C# 2012, HTML5, CSS,
MVC, Windows 8 Apps, JavaScript and much more. Keep your skills current
with LearnDevNow - 3,200 step-by-step video tutorials by Microsoft
MVPs and experts. SALE $99.99 this month only -- learn more at:
http://p.sf.net/sfu/learnmore_122412

_______________________________________________
Wonder-disc mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/wonder-disc
TestComponent 2.zip (application/zip, 39.1 KB) - not displayed