Problems getting Ajax to work

Question

I am having a lot of problems getting Ajax to work properly. Part of my xhtml file is as follows:

Basically, when you enter a number in the input with id="numFilters" and click the button "Update Number of Filters", it is supposed to display the table with the id="fileTable", or equivalently id="uploadDisplay", then when you click the next button "Clear List", it is supposed to reset the input id="numFilters" back to zero and disabled displaying the table. For now I am not concerned about the code before "Update Number of Filters".

Before I added Ajax, this all worked correctly, with the datatable displaying the number of entries corresponding to the number in the input field, and when I clicked either of the two buttons mentioned above, the display was updated correctly. However, the whole screen "flips", and other things displayed are no longer rendered in the way I want. In fact this xhtml file is included in a main file which is viewed.

I've tried adding Ajax in various ways, one of which is here, but I'm unable to get it to work correctly, either the whole screen "flips", and/or the page is not updated correctly, or not at all.

In my bean I just has two Ajax actions that are fired as follows:

public void updateNumFilters(AjaxBehaviorEvent e) {   
    // Code to set things up   
}   

public void reset(AjaxBehaviorEvent e) {   
    // Code for resetting things   
}

Before adding Ajax, these two methods were fired by ActionEvent in each case, and had an actionListener for both command buttons, which worked correctly. For these two methods I just changed ActionEvent to AjaxBehaviorEvent, otherwise they are the same.

If anybody can help me get this problem resolved, I would be very grateful. I am still learning how to use Ajax, and am filding it difficult to understand why it is not workin g correctly, and how to fix it.

Well, I tried p:commandButton, and still could not get it to work.

I've now cut down the amount of code displayed in order to show more clearly the problem. The relevant part of my xhtml code is here:

and the relevant part of the bean is here:

@ManagedBean(name="filters")   
@SessionScoped  
public class MyFilterBean implements Serializable {   

    private boolean showUserDefined;   

    // Lots of other code   

    public void selectFilterSet(AjaxBehaviorEvent e) {   

        // Initialization code, and determine if showUserDefined is true or false.   

    }   

    public boolean isShowUserDefined() {   
        return showUserDefined;   
    }   

    // Lots of other code and various getters and setters   
}

When the command button is clicked the Ajax event is fired and the code in that method is executed, but I'm unable to get the xhtml code rendered based on the return from isShowUserDefined().

When the code is non-Ajax and the command button is clicked firing a regular action listender, it works perfectly correctly, except that I get a "page flip", which is not wanted.

If someone could help me get this problem finally nailed, I would be veru grateful indeed.

Many thanks for your reply, and in the mean time I solved it without changing h:commandButton to p:commandButton, although elsewhere in the code PrimeFaces has been used.

Here is a more complete listing of my xhtml code, with the code previously posted and now changed between the #### and #### comments. However, I am now having problems getting Ajax to work with a menu selected item, as given near the top of the code here. I am unable to get the command button "Update Filter Set" to update properly the components given by the Ajax tag. I can of course remove the button and use a value change listender, but this will not solve the problem.

Here is the xhtml code:

any ideas would be most welcomed - many thanks.

Problems getting Ajax to work

Answers (1)

Related Questions