使用javascript编辑bean数据

Question

我需要使用javascript更改bean列表数据。所以：

• 用户按下命令按钮
• 命令按钮执行javascript mehtod（ addToList ）
• javascript方法更新bean列表（ dataList ）

示例代码

豆

@Component("dataBean")
@Scope("session")
public class DataBean {
    List<DataModel> dataList; // THIS WILL BE EDITED

    public List<DataModel> getDataList() {
        return dataList;
    }

    public void setDataList(List<DataModel> dataList) {
        this.dataList = dataList;
    }
}

JSF

<p:commandButton value="Add To List" id="btnSave" onclick="#{addToList()}"/>

的Javascript

function addToList() {
    var temp = "Opel";
    ******************
    // ADD THIS temp ITEM TO THE BEAN LIST(dataList)
    ******************  
}

如何将此客户端转换为服务器数据（bean数据）？

Answer 1

请检查一下：

https://www.primefaces.org/showcase/ui/ajax/remoteCommand.xhtml

使用此组件调用您的bean：

<p:remoteCommand name="myRemoteCommand " ...

您可以在函数addToList（）

中使用javascript函数myRemoteCommand