Как вызвать метод действия компонента с помощью ссылки?Не работает онклик

Question

Я пытаюсь реализовать список имен пользователей, который можно изменить, нажав на UP или DOWN ссылки.

<ul>
    <ui:repeat var="user" value="#{cc.attrs.value}">
        <li>
            #{user.name}
            <h:link outcome = "user" value = "left" onclick="#{accountController.moveDown}">
                <f:param name="id" value = "${user.id}" />
            </h:link>
        </li>

    </ui:repeat>
</ul>

Проблема здеськажется, что я не правильно использую атрибут onclick.Как правильно это сделать?

---

Редактировать: Следуя вашим советам, я разместил все ссылки в форме:

<h:form>
        <ui:repeat value="#{cc.attrs.value}" var = "user">
        <div class = "user">
            <h:commandLink id = "Link1" value = "Up" binding = "#{accountController.ommandLink}" action = "#{accountController.moveUserUp}">
                <f:attribute name = "userId" value = "#{user.id}" />
            </h:commandLink>
            <h:commandLink id = "Link2" value = "Down" binding = "#{accountController.commandLink}" action = "#{accountController.moveUserDown}">
                <f:attribute name = "userId" value = "#{user.id}" />
            </h:commandLink>
            <h:commandLink id = "Link3" value = "Delete" binding = "#{accountController.commandLink}" action = "#{accountController.deleteUser}">
                <f:attribute name = "userId" value = "#{user.id}" />
            </h:commandLink>
    </div>
</h:form>

Управляемый компонент:

private UIComponent commandLink;

public void moveUserUp(){
    Integer userId = (Integer)commandLink.getAttributes().get("userId");
    System.out.println("MOVE TAB LEFT :" + userId);
}

public void moveUserDown(){
    Integer userId = (Integer)commandLink.getAttributes().get("userId");
    System.out.println("MOVE TAB RIGHT: " + userId);
}

public void deleteUser(){
    Integer userId = (Integer)commandLink.getAttributes().get("userId");
    System.out.println("DELETE TAB: " + userId);
}

public UIComponent getCommandLink() {
    return commandLink;
}

public void setCommandLink(UIComponent commandLink) {
    this.commandLink = commandLink;
}

Связь между командой Link и управляемым bean-компонентом работает, но в пользовательском интерфейсе отображается только последний commandLink (закрытое действие).

Answer 1

Чтобы вызвать метод действия bean при нажатии на ссылку, вам нужно <h:commandLink>. Это должно быть заключено в <h:form>.

<h:form>
    <h:commandLink ... action="#{bean.action}" />
</h:form>

public String action() {
    // ...

    return "/other.xhtml";
}

В JSF только атрибуты , которые интерпретируют выражение EL как MethodExpression, могут использоваться для объявления методов действия. Все остальные атрибуты интерпретируются как ValueExpression, и они немедленно выполняются, когда вывод HTML генерируется JSF. Это относится к атрибуту onclick, значение которого должно фактически представлять функцию JavaScript.

Если вы действительно хотите использовать ссылку GET, переместите метод действия на <f:viewAction> на целевой странице. Это будет вызвано при загрузке страницы целевой страницы.

<h:link ... outcome="/other.xhtml" />

<f:metadata>
    <f:viewAction action="#{bean.onload}" />
</f:metadata>

public void onload() {
    // ...
}

Смотри также:

• Когда я должен использовать h: outputLink вместо h: commandLink?
• Как отправить входные значения формы и вызвать метод в компоненте JSF
• Как мне обработать параметры URL строки запроса GET в базовом компоненте при загрузке страницы?
• Как ориентироваться в JSF? Как сделать так, чтобы URL отражал текущую страницу (а не предыдущую)

---

Следуя вашим советам, я разместил все ссылки в форме

Связь между командой Link и управляемым компонентом работает, но в пользовательском интерфейсе отображается только последняя команда linkLink (закрытие).

Вы не должны связывать несколько физически разных компонентов с одним и тем же свойством компонента. Кроме того, <f:attribute> для передачи аргументов является хакерским и больше не требуется в JSF2. Предполагая, что вы используете контейнер Servlet 3.0 / EL 2.2 (ваша история вопросов подтверждает, что вы используете Glassfish 3), просто передайте аргумент как аргумент метода напрямую:

<h:commandLink id="Link1" value="Up" action="#{accountController.moveUserUp(user)}" />
<h:commandLink id="Link2" value="Down" action="#{accountController.moveUserDown(user)}" />
<h:commandLink id="Link3" value="Delete" action="#{accountController.deleteUser(user)}" />

с

public void moveUserUp(User user) {
    // ...
}

public void moveUserDown(User user) {
    // ...
}

public void deleteUser(User user) {
    // ...
}

Смотри также:

• Как работает атрибут 'binding' в JSF? Когда и как его следует использовать?
• Вызывать прямые методы или методы с аргументами / переменными / параметрами в EL

Answer 2

Атрибут onclick используется для вызова функции JavaScript (на стороне клиента).Он используется, когда вы хотите присоединить обработчик событий щелчка JavaScript.

"#{accountController.moveDown}" - это выражение-метод.И, как следует из названия, выглядит как accountController управляемый компонент.

Как говорит h:link документ :

javax.el.ValueExpressionдолжен быть равен java.lang.String)

Может быть выражением значения, которое должно в конечном итоге вычисляться как строка.

Код JavaScript, выполняемый при нажатии на кнопку указателяэтот элемент.

Обновление:

Может быть, то, что вы ищете, это h:commandLink.Вы можете использовать атрибут action, чтобы вызвать метод bean-компонента.

Answer 3

I have modified your code, let me know if this is what you are looking at achive

    <h:form>
        <a4j:outputPanel id="userList" ajaxRendered="false">
            <ui:repeat  value="#{manageUser.userList}" var="user">
                <div class="user">
                    <h:panelGrid columns="3">
                    <h:outputText value="#{user.userId} ---- #{user.userName} ---- " />

                    <a4j:commandLink id="LinkUp" value="Up" execute="@this" 
                        action="#{manageUser.moveUserUp}" limitRender="true" render="userList" >
                        <f:setPropertyActionListener value="#{user}" target="#{manageUser.user}" />
                    </a4j:commandLink>

                    <a4j:commandLink id="LinkDown" value="down"
                        action="#{manageUser.moveUserDown}" execute="@this" limitRender="true" render="userList" >
                        <f:setPropertyActionListener value="#{user}" target="#{manageUser.user}" />
                    </a4j:commandLink>
                    </h:panelGrid>
                </div>
            </ui:repeat>
        </a4j:outputPanel>      
        </h:form>

Managed Beans (ManageUser)


import java.io.Serializable;
import java.util.ArrayList;
import java.util.List;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;

@ManagedBean(name="manageUser")
@ViewScoped
public class ManageUser  implements Serializable {

    /**
     * 
     */
    private static final long serialVersionUID = -5338764155023244249L;

    private List<UserBean> userList;

    private UserBean user;

    /**
     * @return the user
     */
    public UserBean getUser() {

        return user;
    }

    /**
     * @param user the user to set
     */
    public void setUser(UserBean user) {
        this.user = user;
    }


    /**
     * @return the userList
     */
    public List<UserBean> getUserList() {
        return userList;
    }

    /**
     * @param userList the userList to set
     */
    public void setUserList(List<UserBean> userList) {
        this.userList = userList;
    }

    public ManageUser() {
        UserBean user1= new UserBean();
        user1.setUserId("1");
        user1.setUserName("userName1");

        UserBean user2= new UserBean();
        user2.setUserId("2");
        user2.setUserName("userName2");

        UserBean user3= new UserBean();
        user3.setUserId("3");
        user3.setUserName("userName3");

        userList = new ArrayList<UserBean>();
        userList.add(user1);
        userList.add(user2);
        userList.add(user3);
    }

    public void moveUserDown(){

        if(user !=null){
            int indexObj= userList.indexOf(user);

            if(indexObj < userList.size()-1){
                UserBean tempUser=userList.get(indexObj+1);
                userList.set(indexObj+1, user);
                userList.set(indexObj, tempUser);

            }
        }
    }

    public void moveUserUp(){

        if(user !=null){
            int indexObj= userList.indexOf(user);

            if(indexObj > 0){
                UserBean tempUser=userList.get(indexObj-1);
                userList.set(indexObj-1, user);
                userList.set(indexObj, tempUser);

            }
        }
    }

}

UserBean
import java.io.Serializable;

public class UserBean  implements Serializable {



    /**
     * 
     */
    private static final long serialVersionUID = 3820279264217591645L;

    private String userName;

    private String userId;

    /**
     * @return the userName
     */
    public String getUserName() {
        return userName;
    }

    /**
     * @param userName the userName to set
     */
    public void setUserName(String userName) {
        this.userName = userName;
    }

    /**
     * @return the userId
     */
    public String getUserId() {
        return userId;
    }

    /**
     * @param userId the userId to set
     */
    public void setUserId(String userId) {
        this.userId = userId;
    }

}