使用客户端访问和设置服务器端变量的方法

时间:2018-01-22 12:46:26

标签: javascript validation xpages ssjs

我有一个使用客户端验证的XPage。如果验证失败,它会向用户发送alert消息,并且不允许进程服务器端的内容。我遇到的问题是无法用客户端“分配”服务器端变量。例如,考虑我有一个像这样的xp输入字段:

<xp:inputText 
  styleClass="doc_field_textinput" id="input_part_title" type="text" size="40" 
  disableClientSideValidation="true" >
</xp:inputText>

我使用一个按钮来验证,如果验证成功 - 保存:

<xp:button id="save_part_btn" value="+Add this" style="float:right;">
             <xp:eventHandler event="onclick" submit="true"
                refreshMode="complete">
                <xp:this.action><![CDATA[#{javascript:

                    var estdoc:NotesDocument=database.getDocumentByUNID(doc_source.getDocument().getParentDocumentUNID())
                    var estPartdoc:NotesDocument=estdoc.getParentDatabase().createDocument()

                    estPartdoc.replaceItemValue('Form','Estimate_Cost_Part')
                    estPartdoc.replaceItemValue('Predoc',estdoc.getUniversalID())
                    estPartdoc.replaceItemValue('$OSN_IsSaved','1')

                    estPartdoc.replaceItemValue('Title', getComponent('input_part_title').getValue())

                    }]]>
            </xp:this.action>
                <xp:this.script><![CDATA[ 
                var result = "";
                var wholeResult = true;

                function isStringEmpty(string2Check) 
                {
                    return string2Check == "" || string2Check[0] == " ";
                }

                if(isStringEmpty(document.getElementById("#{id:input_part_title}").value)) 
                {
                    wholeResult = false;
                    result += 'The field cannot be empty!'
                }

                result = result.replace(/\n$/, "")

                if(!wholeResult) 
                {
                    alert(result)
                }

                return wholeResult;

                ]]>
                </xp:this.script>
             </xp:eventHandler>
</xp:button>

不幸的是,服务器端上的input_part_title总是 null , 在任何情况下,document.getElementById("#{id:input_part_title}").value都能很好地工作,而且确实按照预期的方式工作。我希望我可以向服务器端添加相同的代码行,但我不能,因为document是服务器端的未知属性。有什么方法可以以某种方式将input_part_title分配给客户端的值吗?

1 个答案:

答案 0 :(得分:0)

最佳做法是使用组件的value属性将其绑定到某个服务器端元素,例如dominoDocument数据源或viewScope变量上的字段。然后你可以参考。

另一种方法是使用getComponent("input_part_title").getValue()

将验证程序附加到组件将确保在服务器上的“进程验证”阶段进行验证。如果您有非文本输入组件(例如,取一个数字),该阶段也会运行转换器检查并相应地中止。然后,这将中止处理,因此按钮的eventHandler action属性中的代码根本不会运行。它还会处理将错误消息返回给浏览器(以编程方式,您需要查看facesContext.addMessage()以及突出显示该组件无效(getComponent.setValid(false))。验证器处理所有这些对你而言。