XPages - get value of a textarea inside a dialog

Question

I am trying unsuccessfully to get a handle on the text input into a textarea which is contained inside an xe:dialog. The xe:dialog "pops up" after a button on the XPage is pressed. Here is my code:

<xe:dialog id="InputDialog5">

<xe:this.title>"Input Dialog</xe:this.title>
<xp:panel>
<xp:inputTextarea id="InputTextBox5" value="#{document1.InputTextBox5}"
cols="60" rows="4"></xp:inputTextarea>
</xp:panel>
<xe:dialogButtonBar id="dialogButtonBar15">
<xp:button value="OK" id="button37">
<xp:eventHandler event="onclick" submit="true"
refreshMode="complete" immediate="true">
<xp:this.action><![CDATA[#{javascript:
var request = facesContext.getExternalContext().getRequest();
var header = request.getHeader("Cookie");
var inputVal = @Middle(header,"InputTextBox5=",";")

setJobReferenceStatus(40,inputVal);
var redirect = "window.location='"+applicationScope.get("redirect")+"'";
facesContext.getViewRoot().postScript(redirect);}]]></xp:this.action>
<xp:this.script><![CDATA[
var inputvalue = document.getElementById("InputTextBox5").value;
alert("inputvalue = " + inputvalue);
dojo.cookie("InputTextBox5", inputvalue, { expires: 1 });
]]></xp:this.script>
</xp:eventHandler>
</xp:button>
</xe:dialogButtonBar>
</xe:dialog>

My idea is to get the value of the textarea, add it to a dojo cookie, retrieve the cookie value using SSJS and then pass the value to an SSJS function. However the code fails already at the stage of getting the textarea value. The line "alert("inputvalue = " + inputvalue);" is not executed and the dialog box remains "frozen". Any idea on how I can resolve this problem?

Per Henrik Lausten · Accepted Answer · 2014-02-14T18:03:44.110

2

In order to get a handle on the text field from client side Javascript you have to know the XPages generated client id. So do this instead to calculate the id inside your CSJS:

<xp:this.script><![CDATA[
  var inputvalue = document.getElementById("#{id:InputTextBox5}").value;
  alert("inputvalue = " + inputvalue);
  dojo.cookie("InputTextBox5", inputvalue, { expires: 1 });
]]></xp:this.script>

edited Feb 14 '14 at 18:03

answered Feb 14 '14 at 10:14

Per Henrik Lausten

21,331
3
29
76

Thanks, using this syntax allowed me to get the value of the field. Unfortunately passing it to the SSJS function is still not working. – Feb 14 '14 at 12:59
Are you trying to read the value of the text area by using clientside JS to store the value in a cookie and then using SSJS to read the value from the cookie? Skip the CSJS and try using document1.getValue("InputTextBox5") in SSJS to read the value. – Per Henrik Lausten Feb 15 '14 at 18:59
Henrik - Thanks for the suggestion. I have tried it without success. To avoid confusion, I have created a new question which contains the updated code. You can find it here http://stackoverflow.com/questions/21826814/xpages-get-value-of-a-textarea-inside-a-dialog-part-2 – Feb 17 '14 at 10:42
As explained by Tim in your other question, the problem is your use of immediate=true which tells XPages to NOT send back data – Per Henrik Lausten Feb 17 '14 at 17:04

score 1 · Answer 2 · answered Feb 14 '14 at 10:16

at a quick look I can already see two major obstacles:

a) document.getElementById(..) probably won't do (in fact I never really tried). I use XSP.getElementById(..) or dojo.byId(..) instead

b) your textarea will never ever have the same id at runtime that it has at design time. Just use your browser's sourcecode viewer, and you will see what I mean. Therefor we have to instructions to calculate the resulting ids for us like this:

dojo.byId("#{id:InputTextBox5}")

this then will be translated into the client object's final id so that your client side script code can find it.

Didn't look at the rest of your code, so I can't tell if there are more potential problems in there

XPages - get value of a textarea inside a dialog

2 Answers2