使用javascript编辑bean数据

Edit bean data with javascript

本文关键字：数据 bean 编辑 javascript 使用      更新时间：2023-09-26

我需要使用javascript更改bean列表数据。因此：

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

示例代码

Bean

@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数据）传输？

请查看：

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

使用以下组件调用您的bean：

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

然后，您可以在函数addToList（）中使用javascript函数myRemoteCommand

相关文章：