Get GWT value in Javascript

[Jordan Josh]

Hi to all,

I am trying to learn GWT,and confuse how to get GWT textbox value in javascript.
Like i am rendering GWT textbox with Div tag
<div id="tBox"/>

User enter some value in the Textbox.
I want that value in javascript?
Can anyone give me someguide line?

Thank you

[salvin francis]

1. You can use ensureDebugId method to set an id to it and then use that id in javascript to access that textbox
2. You know the parent's id is 'tBox' you can use DOM in javascript to get its child
3. Passing the textbox element in to native javascript function.

[Jordan Josh]

Hi thank you for your Reply.Still i am not able to send value back to javascript.I tried with native method ,Here I am ataching code.

  
    public class Jsni implements EntryPoint {
	// Expose the following method into JavaScript.
		static String s ="";
	  private static String formatString()
	  {
		  String temp="";
		  temp = s +"test";
		  return temp;
	  }
	  private static String formatAsCurrency(double x) {
	    return NumberFormat.getCurrencyFormat().format(x);
	  }

	  // Set up the JS-callable signature as a global JS function.
	  public static String test="";
	  private native void publish(String s) /*-{
	    $wnd.formatAsCurrency = @com.test.client.Jsni::formatAsCurrency(D);
	    $doc.formatString = @com.test.client.Jsni::formatString()();

	  }-*/;

    TextBox t ;
    public void onModuleLoad() {
		t = new TextBox();
		Button b = new Button();
		b.addClickListener(new ClickListener() {
			public void onClick(Widget sender) {
				s = t.getValue();
				System.out.println("Value of s-->"+s);
				publish(s);
			}
		});
		RootPanel.get("nameFieldContainer").add(t);
		RootPanel.get("tempButton").add(b);
	}



}
         

On Jsp I have added GWT textbox and button.

   

             <tr>
                         <td id="nameFieldContainer"></td>
                         <td id="tempButton" onclick="addText();"></td>
            </tr>
      function addText()
            {
    	 var s = formatString();
    	 alert("value of s-->"+s);
            }

I wann text entered by user in the nameFieldContainer(which is GWT textbox) on the same Jsp Page in javascript.

[salvin francis]

Here is what i tried and it worked:

TextBox t ;
    String s;
    public void onModuleLoad()
    {
        t = new TextBox();  
        Button b = new Button("GWT Button");  
        b.addClickListener(new ClickListener() {  
            public void onClick(Widget sender) {  
                s = t.getText();  
                System.out.println("Value of s-->"+s);  
                publishValue(s);
            }  
        });  
        RootPanel.get("nameFieldContainer").add(t);  
        RootPanel.get("tempButton").add(b);  
    }

    private native void publishValue(String v)/*-{
        $wnd.value = v; 
    }-*/;

corresponding HTML:

<script type="text/javascript" language="javascript">
		function test()  
		{ 
			alert("value of s:"+window.value);  
		} 
</script>
...
<table>
	<tr>  
            <td id="nameFieldContainer"></td>  
            <td id="tempButton"></td>  
            <td><input type="button" value="page button" onclick="test();"/></td>  
    </tr>  
</table>
...

[Jordan Josh]

Hey salvin Thank you for your kind reply.but instead of taking value in window i wann that in $doc there i am confuse.
I already done for window.value but how to get in Javascript.

Is there any way that i can get window.value inside script variable.

Like var s = window.value;
So instead of returning value in window i want it in doc?

Can you suggest some way.?

[salvin francis]

I havent tried it yet.
is there any particular reason why you are not preferring to use the $wnd object ?

[Jordan Josh]

Yeah,I wann that value in script variable so i can use that for validation on submit buttons onclick event.

[salvin francis]

jaan bhavsar wrote:Yeah,I wann that value in script variable so i can use that for validation on submit buttons onclick event.

Yes, But isnt that precisely what my code has accomplished ?

Also you should probably do your validations in GWT itself rather than writing javascript code for it. After all thats what the technology is for !!

As a side note, I think the best way was using ensureDebugId, did you explore that option ?