Question

我无法弄清楚这出错的地方，我几乎完全相同的代码在另一页上工作。我让valuePicker从viewScope.vsFieldNames获取它的值，我知道它在我点击值选择器之前填充，但是当选择器对话框显示时我得到了错误

TypeError：resp为null

字段reqOnSave是一个多行编辑框，它是null但我不认为这应该有任何区别。我在其他几个页面中使用了一个范围变量作为valueList而没有任何问题。我确定我错过了一些简单的事情。

10月17日编辑我的页面如下所示：

当我点击选择字段时，我得到下面的显示。我知道viewScope.vsFieldNames此时已正确填充，因为我使用调试工具栏检查它。

我真的不喜欢xe：valuePicker，因为它调用了一个对话框，我更喜欢像多选组合框这样的东西，但是没有标准的核心或扩展库控件来做到这一点（至少我可以找）。

这是我的完整代码：

   <div class="row">
        <div class="col-sm-2">
            <xp:label value="Application" id="label1"
                for="ApplicationCombo">
            </xp:label>
        </div>
        <div class="col-sm-4">
            <xp:comboBox id="ApplicationCombo"
                value="#{formDoc.Application}">
                <xp:selectItems>
                    <xp:this.value><![CDATA[#{javascript:var rtn:Array = database.getView("vwWFSApplicationsEnabled").getColumnValues(0);
rtn.unshift("");}]]></xp:this.value>
                </xp:selectItems>
                <xp:eventHandler event="onchange" submit="true"
                    refreshMode="partial" refreshId="panelBody">
                    <xp:this.action>
                        <![CDATA[#{javascript:try{formDoc.replaceItemValue("FormName","");
}catch(e){

}}]]>
                    </xp:this.action>
                </xp:eventHandler>
            </xp:comboBox>
        </div>
    </div>
    <xp:panel id="panelBody">
    <xp:text escape="true" id="computedField1">
        <xp:this.value><![CDATA[#{javascript:try{
    var app:string = formDoc.getValue("Application");
    var debug:Boolean = true;
    if (debug) WFSUtils.sysOut("Application = " + app);
    var form:String = formDoc.getValue("FormName");
    if (debug) WFSUtils.sysOut("Form = " + form);
    if (!(app == null || app == "")){
        if ((!(form.substring(0,3) == "---")) && (!(form == null || form == ""))) {
            if (debug) WFSUtils.sysOut("Form Name = " + form);
            var thisForm:NotesForm = appProps[app].appDB.getForm(form);
            if (debug) WFSUtils.sysOut("Got Form Name = " + thisForm.getName());
            var rtn:Array = thisForm.getFields();
            if (debug) WFSUtils.sysOut("Rtn = " + rtn.toString());
            viewScope.vsFieldNames = rtn;
            return null
        }
    }
    viewScope.vsFieldNames = null;
    return null
}catch(e){

    WFSUtils.sysOut("Error in Get Fields " + e.toString());
    viewScope.vsFieldNames = null;
    return null;
}}]]></xp:this.value>
    </xp:text>
    <div class="row">
            <div class="col-sm-2">
                <xp:label value="Form Name :" id="label2"
                    for="FormCombo">
                </xp:label>
            </div>
            <div class="col-sm-4">
                <xp:comboBox id="comboBox1"
                    value="#{formDoc.FormName}">
                    <xp:selectItems>
                        <xp:this.value>
                            <![CDATA[#{javascript:var app:string = formDoc.getValue("Application");
if (!(app == null || app == "")){
    var rtn = appProps[app].appDB.getView("vwWFSForms").getColumnValues(0);
    rtn = sort_unique(rtn);
    rtn.unshift("--- Select A Form ---");
    return rtn
}else{
    return null
}}]]>
                        </xp:this.value>
                    </xp:selectItems>
                    <xp:eventHandler event="onchange" submit="true"
                        refreshMode="partial" refreshId="panelBody">
                    </xp:eventHandler>
                </xp:comboBox>
            </div>
        </div><!-- row Form -->
        <div class="row">
            <div class="col-sm-2">
                <xp:label value="Required Fields On Save :" id="label3"
                    for="djComboReqOnSave">
                </xp:label>
            </div>
            <div class="col-sm-4">
                <xe:valuePicker id="pickerFields"
                    dialogTitle="Select One or More Fields" for="reqOnSave"
                    pickerText="Select Field/s :">
                    <xe:this.dataProvider>
                        <xe:simpleValuePicker caseInsensitive="false">
                            <xe:this.valueList><![CDATA[${javascript:viewScope.vsFieldNames;
}]]></xe:this.valueList>
                        </xe:simpleValuePicker>
                    </xe:this.dataProvider>
                </xe:valuePicker>

            </div>
            <div class="col-sm-2">
                <xp:inputTextarea id="reqOnSave"
                    value="#{formDoc.ReqOnSave}" multipleSeparator=",">
                </xp:inputTextarea>
            </div>
        </div><!-- row reqOnSave -->
        <div class="row">

        </div>
    </xp:panel>

Answer 1

resp是传递给选择器的客户端JavaScript变量，因此选择器没有加载任何选项。

ValuePicker使用${javascript:viewScope.vsFieldNames;}。因此，使用调试工具栏可见的这一事实可能会产生误导，因为调试工具栏在值已加载到ValuePicker后显示输出。

要使用该代码，您需要在viewScope.vsFieldNames事件中设置beforePageLoad。要在代码运行时仔细检查它是否为空，请在调用viewScope.vsFieldNames之前修改调试内容，例如${javascript:print(viewScope.vsFieldNames); return viewScope.vsFieldNames;}。可能的是，当它运行时，该值尚未初始化。

如果你不能在beforePageLoad中设置它，为了解决问题，而不是${javascript:viewScope.vsFieldNames;}（SSJS页面加载）使用#{viewScope.vsFieldNames}（EL动态）。这应该有效，你将避免使用SSJS解析器，因此性能不会受到负面影响。

值选取器获取错误TypeError：XPage中的resp为空

1 个答案: