djextListTextBox对XPage的客户端验证

Question

我使用了dojo ListTextBox  有价值选择器。我需要使用ClientSide Javascript验证djextListTextBox1。

在保存文档之前，它不应该为空。

var fldVal = document.getElementByID("#{id:djextListTextBox1}").value;

XSP.getElementById("#{id:djextListTextBox1}").value ;   
XSP.getElementById("#{id:djextListTextBox1}").innerHTML;

Answer 1

dojo列表文本框是基于dojo的控件，因此您可以使用一些dojo CSJS来提取值。这是一个简单的示例XPage：

<?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">
    <xe:djextListTextBox id="djextListTextBox1" value="one,two,three,four"></xe:djextListTextBox>
    <xp:button value="Click me" id="button1">
        <xp:eventHandler event="onclick" submit="false">
            <xp:this.script><![CDATA[
                var val = dijit.byId("#{id:djextListTextBox1}").getValue();
                console.log(val);]]>
            </xp:this.script>
        </xp:eventHandler>
    </xp:button>
</xp:view>

当您单击该按钮时，它使用dojo从基于dijit的控件中检索值，并将它们打印到浏览器控制台。