javascript - 如何在xPage的viewPanel上获取用于外部源数据的选定文档？

这是我将用户JDBCQUERY作为源数据的简单视图。并且它用复选框显示每一行，因此您可以选择：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex">
    <xp:viewPanel rows="30" id="viewPanel1" showColumnHeader="false">
        <xp:this.data>
            <xe:jdbcQuery var="view1" scope="request">
                <xe:this.sqlQuery><![CDATA[#{javascript:"SELECT COLUMN1 FROM MYTABLE"}]]></xe:this.sqlQuery>
                <xe:this.connectionName><![CDATA[#{javascript:"DB2"}]]></xe:this.connectionName>
            </xe:jdbcQuery>
        </xp:this.data>

        <xp:viewColumn columnName="COLUMN1" id="viewColumn1" showCheckbox="true">
            <xp:viewColumnHeader id="viewColumnHeader1" rendered="false"></xp:viewColumnHeader>
        </xp:viewColumn>
    </xp:viewPanel>
</xp:view>

现在要获取选定的文档，我使用方法/按钮：

var viewPanel=getComponent("viewPanel1");
var docIDArray=viewPanel.getSelectedIds();
for(i=0;i < docIDArray.length; i++){
    print(docIDArray[i]);
}

由于不是NotesView / NotesDocument数据，因此它仅返回所选行的行号（不是文档UNID）... getSelectedIds（）返回所选行1和3。

现在如何获取选定行的列值（值2和值4）？
是这样的吗：getRow（3）.getColumValues（）...？

     COLUMN1
[ ]  value1
[x]  value2
[ ]  value3
[x]  value4
[ ]  value5

最佳答案

我认为<xp:viewPanel>不适合该任务。
我将其更改为<xp:dataTable>，尽管此时您需要重新实现选择机制。无论如何，借助视图作用域的Bean，可能与以下内容类似：

<xp:this.data>
    <xe:jdbcQuery var="query" scope="request" connectionName="DB2"
        sqlQuery="SELECT COLUMN1 FROM MYTABLE" loaded="false" />
</xp:this.data>

<xp:dataTable id="dataTable1" binding="#{dataTable}"
    value="#{query}" var="row" indexVar="rowIndex">
    <xp:column id="column1">
        <xp:checkBox id="checkBox1"
            value="#{myBean.jdbcSelectedValues[rowIndex]}" uncheckedValue="false"
            checkedValue="true">
            <xp:this.converter>
                <xp:convertBoolean />
            </xp:this.converter>
        </xp:checkBox>
    </xp:column>
    <xp:column id="column2">
        <xp:text value="#{row}" />
    </xp:column>
</xp:dataTable>

<xp:button id="button1" value="print selected">
    <xp:eventHandler event="onclick" submit="true"
        refreshMode="partial" refreshId="dataTable1"
        action="#{myBean.printSelectedColumnValues}">
    </xp:eventHandler>
</xp:button>

视图范围的bean

private List<String> jdbcValues;
private Map<Integer, Boolean> jdbcSelectedValues;

public Map<Integer, Boolean> getJdbcSelectedValues() {
    if (jdbcSelectedValues == null) {
        jdbcSelectedValues = new HashMap<Integer, Boolean>();
    }

    return jdbcSelectedValues;
}

public void printSelectedColumnValues() {
    List<String> values = new ArrayList<String>();

    XspDataTableEx dataTable = (XspDataTableEx) FacesUtil.resolveVariable(FacesContext
            .getCurrentInstance(), "dataTable");
    List<?> wrappedData = (List<?>) dataTable.getDataModel().getWrappedData();

    for (Map.Entry<Integer, Boolean> entry : getJdbcSelectedValues().entrySet()) {
        if (entry.getValue()) {
            values.add((String) wrappedData.get(entry.getKey()).getColumnValue("COLUMN1"));
        }
    }

    System.out.println(values);

    jdbcSelectedValues.clear();
}

这个想法是通过binding属性（不是真正的正统方法，我个人不使用这些无视MVC模式的混合方法）来获取dataTable的句柄，并访问其中包含的包装数据：包装的数据只包含行集。

警告我唯一不确定的是确切的dataTable.getDataModel().getWrappedData()。您可能想要在执行任何类型转换和后续工作之前尝试打印类名称。但是感觉是，有了索引号和包装的数据，您应该能够访问行。