Can't get to the bean methods

[Ricardo J Marques]

Hi

I'm a starter on JSF 2.0, and i have been trying to play a bit on it, but i'm on a heavy battle against a weird case here, can't find a reason for this problem:

I have this facelets composition:

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition   xmlns="http://www.w3.org/1999/xhtml"
                  xmlns:h="http://java.sun.com/jsf/html"
                  xmlns:f="http://java.sun.com/jsf/core"
                  xmlns:ui="http://java.sun.com/jsf/facelets"
                  xmlns:c="http://java.sun.com/jsp/jstl/core">
    

    <!-- JQuery widgets initialization. -->
    <script type="text/javascript">
    $(function() {
        $("#tabs").tabs();
        $("input:submit").button();
    });
    </script>

    <!-- Loads CKEditor script. -->
    <h:outputScript target="head" name="scripts/ckeditor/ckeditor.js"/>

    <h:form id="#{contentItemBean.formName}" >

        <h:panelGroup styleClass="ui-widget" layout="block">
            <h:commandButton value="Cancel" type="submit" action="#{contentItemBean.formCancel}" />
            <h:commandButton value="Submit" type="submit" action="#{contentItemBean.formSubmit}" />
        </h:panelGroup>

        <div id="tabs">

            <ul>
                <li><a href="#tabs-1">General</a></li>
                <li><a href="#tabs-2">Categories</a></li>
                <li><a href="#tabs-3">Attachments</a></li>
                <li><a href="#tabs-4">Related</a></li>
                <li><a href="#tabs-5">Permissions</a></li>
                <li><a href="#tabs-6">Publish</a></li>
                <li><a href="#tabs-7">Comments</a></li>
                <li><a href="#tabs-8">Versions</a></li>
            </ul>

            <div id="tabs-1">
                <h3>Title</h3>
                <input type="text" name="title" value="#{contentItemBean.item.title}" />
                <h3>Introdution</h3>
                <textarea cols="80" id="editorIntroduction" name="editorIntroduction" rows="10">#{contentItemBean.item.introduction}</textarea>
                <h3>Content</h3>
                <textarea cols="80" id="editorContent" name="editorContent" rows="10">#{contentItemBean.item.content}</textarea>

                <script type="text/javascript">
                    CKEDITOR.replace( 'editorIntroduction',null);
                    CKEDITOR.replace( 'editorContent',null);
                </script>
            </div>

    <div id="tabs-2"></div>
    <div id="tabs-3"></div>
    <div id="tabs-4"></div>
    <div id="tabs-5"></div>
    <div id="tabs-6"></div>
    <div id="tabs-7"></div>
    <div id="tabs-8"></div>
    </div>
    </h:form>


</ui:composition>

And the backing bean:

@ManagedBean
@RequestScoped
public class ContentItemBean {

...

public String formSubmit()
{
try {
// Set current system date
item.setDateModified(Calendar.getInstance().getTime());

ContentItemCommand c = new ContentItemCommand();
c.setOperation(ContentItemCommand.OPERATION_UPDATE);
c.setItem(item);

c.execute();

return "success";
}
catch(Exception e)
{
return "exception";
}
}

public String formCancel()
{
return "success";
}

}

And i want, is that when i click the Cancel or Submit button to perform a server side operation. But for some reason the application never get to the backing bean method, i usally put a breaking point on both methods, and whenever I click a button the form submits for the page page without trigering the events. Another thing that i found wierd, the HTML that s generated doesn't include none javascript to make the form submit.

Any idea?

Thanks in advance.

PS: I'm using JSF 2.0 (Mojarra), Glassfish 3 and Netbeans 6.9.