Access to HTMLB with JavaScript in DynPage class

Question

Hi, in the documentation JavaScript API of SAP HTMLB Guidelines there is an example code in 4 parts.
1.
Form form = (Form)this.getForm();
nputField inf2 = new InputField("currencyDisplay");
inf2.setJsObjectNeeded(true);
inf2.setClientEvent(EventTrigger.ON_CHANGE, "calculateCurrencyToFrom()");
inf2.setBCD("100");
inf2.setWidth("250px");
form.addComponent(inf2);
2.
function calculateCurrencyFromTo() {
var funcName = htmlb_formid+"_getHtmlbElementId";
func = window[funcName];
var inputfield = eval(func("currencyDisplay"));
if (inputfield)
inputfield.setValue("100.23"); }
3.
InputField inf2 = new InputField("currencyDisplay");
String inputfieldID = pageContext.getParamIdForComponent(inf2);
4.
<script> var inputfield = eval(inputfieldID);</script>
I try to run this code in DynPage class. I put the code part 1 in doBeforeProcess(), then use form.addRawText() to send JavaScript code to client.
<script> var inputfield = eval(inputfieldID);
function calculateCurrencyFromTo(){
var funcName = htmlb_formid+"_getHtmlbElementId";
func = window[funcName];
var inputfield = eval(func("currencyDisplay"));
if (inputfield)
inputfield.setValue("100.23");}
</script>
question:
Where to put the part 3 in order to detect the input field is selected or triger the event? Thank you for help.
Yantong Wang

Answer 1

Hi Raymond,
Try out the following piece of code (the code is tested and is working):
<hbj:textEdit      id="addComments"
                    wrapping="SOFT"
                    text=""
                    rows="2"
                   cols="100" >
     <% addComments.setJsObjectNeeded(true); %>
</hbj:textEdit>
Then through javascript you can access the id of the text edit in the similar fashion.
var txtAdCom= eval(func("addComments"));
var value =txtAdCom.getValue();
var length = txtAdCom.getValue().length;
Please do reward with points if the solution is helpful.
Thanks
Ritushree