使用JSF(Primefaces)将数据从Excel复制并粘贴到Datatable

Question

我想使用JSF（Primefaces）将数据从Excel复制并粘贴到Datatable。 请告诉我实现复制和粘贴的可能性。

Answer 1

您可以侦听 dataTable primefaces 对象的粘贴事件并从事件对象获取剪贴板数据，将数据格式化为 JSON对象（在示例中我使用 JSONArray）以通过 remoteCommand 将其发送到 backingBean。

.xhtml：

<p:remoteCommand name="updateData" process="@this" action="#{backingBean.updateData()}" update="dt" />
<p:dataTable widgetVar="dt" id="dt" value="#{backingBean.data}" var="d">
    <p:column headerText="column 1">
        <p:outputLabel value="#{d.col1}" />
    </p:column>
    <p:column headerText="column 2">
        <p:outputLabel value="#{d.col2}" />
    </p:column>
</p:dataTable>
<h:outputScript>
    $(function(){
        PF('dt').jq.on("paste", function(e){
            var data = e.originalEvent.clipboardData;
            var table = [];
            if(data &amp;&amp; data.items &amp;&amp; data.items[0]) {
                data.items[0].getAsString(function(text){
                    $.each( text.split("n"), function(i, r){
                        table[i] = r.split("t");
                    });
                    updateData([{name: 'data', value: JSON.stringify(table) }]);
                });
            }
        });
    });
</h:outputScript>

在远程命令操作中，解码 JSON 数据并填充数据表数据提供程序。表数据只是一个具有 2 个属性（col1 和 col2）的 Java 对象。

背豆：

private List<TableData> data;
public List<TableData> getData() {
    return data;
}
public void setData(List<TableData> data) {
    this.data = data;
}
public void updateData(){
    Map<String, String> paramValues = FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap();
    String json = paramValues.get("data");
    JSONArray table = new JSONArray(json);
    data = new ArrayList<>();
    for (int i = 0; i < table.length(); i++){
        JSONArray row = table.getJSONArray(i);
        TableData t = new TableData();
        for (int j = 0; j < row.length(); j++ ){
            String o = row.getString(j);
            if (j == 0){
                t.setCol1(o);
            } else {
                t.setCol2(o);
            }
        }
        data.add(t);
    }
}

这只是一个例子，一个提示，它需要更多的工作才能正常工作。也许您需要一个自定义素数对象来执行此操作或扩展 PF 数据表。