GWT - Capture values of dynamically created components

[Bhavin B Parekh]

Hi,

I have a GWT page with 2 text boxes, 1 hyperlink and 1 button initially (on page load).
When I click on the hyperlink, I add another text box (dynamically without refreshing the page).

Now when I click the button, I need to capture the values that lie in all the three text boxes. How can I do it?

I am desparately looking for some help on this area because I am working on a critical project and badly need help on this.

--
Thanks!
Bhavin

[Maneesh Godbole]

What have you tried so far, and where are you stuck.

All you need to do is when you create the new text box, hold a reference to it in your code. When the user clicks the button, you can then obtain the text from the text box and process accordingly.

[Bhavin B Parekh]

Thank you, Maneesh.

Yes, I have tried that already but the issue with my scenario is that when I set the Id for any widget, I want to set with some dynamic value rather than just any other Id. And GWT is not allowing me to make use of the reflection API; ccan you please tell me whether GWT allows the usage of Reflection API or not?

--
Thanks!
Bhavin

[Maneesh Godbole]

Reflection! In this scenario? Why? Sounds like an overkill.
Why do you want to play with the id even?

Something this simple is all you really need

this.thirdBox=new TextBox();
this.thirdBox.getText();

[Bhavin B Parekh]

I have pasted my code below.

		List<ContactDetailsBean> contactBeans = psgrBeanObj.getContactBeans();
		for (ContactDetailsBean contactDetailsBean : contactBeans) {

			ver5.add(contactDetailInfo(contactDetailsBean, psgrBeanObj));

		}
.....
.....
.....

	public FlexTable contactDetailInfo(
			ContactDetailsBean contactDetailsBean, PassengerDetailBean passengerDetailBean) {
		
		System.out.println("INTO contactDetailInfo --->>  ");
		areaTxt = new TextBox();
		areaLbl = new Label("Phone: Country Code Area/city code & Tel. number");
		areaLbl.setStyleName("defaultTextAreaHeadersPNRDetailsView");

		PhoneBean phoneBean = contactDetailsBean.getPhoneBean();

		if (phoneBean != null && phoneBean.getAreaCode() != null) {
			areaTxt.setText(phoneBean.getAreaCode());
		}
		areaTxt.setWidth("40");
		areaTxt.setStyleName("lastNameTBox_Style");
		areaTxt.setName("areaTxt" + passengerDetailBean.getPassengerNameBean().getLastNameNumber());
		RoundCornerBorder areaTxtRndCorner = new RoundCornerBorder();
		areaTxtRndCorner.setWidget(areaTxt);
		areaTxtRndCorner.setStyleName("lastNameRoundCorner_Style div1 ");

		cityTxt = new TextBox();

		if (phoneBean != null && phoneBean.getCityCode() != null) {
			cityTxt.setText(phoneBean.getCityCode());
		}

		cityTxt.setWidth("100");
		cityTxt.setStyleName("lastNameTBox_Style");
		RoundCornerBorder cityTxtRndCorner = new RoundCornerBorder();
		cityTxtRndCorner.setWidget(cityTxt);
		cityTxtRndCorner.setStyleName("lastNameRoundCorner_Style div1 ");

		ListBox home = new ListBox();
		List<String> homeList = new ArrayList<String>();
		homeList.add("Home");
		homeList.add("Office");
		homeList.add("Mobile");

		for (String item : homeList) {
			home.addItem(item);
		}

		if (phoneBean != null && phoneBean.getType() != null) {
			int indexOf7 = homeList.indexOf(phoneBean.getType());
			home.setSelectedIndex(indexOf7);
		}
		home.setStyleName("lastNameTBox_Style");

		RoundCornerBorder homeRndCorner = new RoundCornerBorder();
		homeRndCorner.setWidget(home);
		homeRndCorner.setStyleName("lastNameRoundCorner_Style div1");

		Label emailsLbl = new Label("Email");
		TextBox emailsTxt = new TextBox();
		String emailAddress = contactDetailsBean.getEmailAddress();
		if (emailAddress != null) {
			emailsTxt.setText(emailAddress);
		}
		emailsTxt.setWidth("100%");
		emailsTxt.setStyleName("lastNameTBox_Style");
		emailsTxt.setSize("95%", "15px");
		RoundCornerBorder emailsTxtRndBorder = new RoundCornerBorder();
		emailsTxtRndBorder.setWidget(emailsTxt);
		emailsTxtRndBorder.setStyleName("lastNameRoundCorner_Style div1 ");

		FlexTable headingsFlxTable = new FlexTable();
		FlexTable valuesFlxTable = new FlexTable();
		headingsFlxTable.setWidget(1, 1, areaLbl);
		headingsFlxTable.setWidget(1, 9, emailsLbl);
		valuesFlxTable.setWidget(1, 1, areaTxtRndCorner);
		valuesFlxTable.setHTML(1, 2,
				"        ");
		valuesFlxTable.setWidget(1, 3, cityTxtRndCorner);
		valuesFlxTable.setHTML(1, 4,
				"        ");
		valuesFlxTable.setWidget(1, 5, homeRndCorner);
		valuesFlxTable.setHTML(1, 6, " ");
		valuesFlxTable.setHTML(1, 7, "  ");
		valuesFlxTable.setHTML(1, 8, "  ");
		valuesFlxTable.setWidget(1, 9, emailsTxtRndBorder);

		FlexTable mainFlxTable = new FlexTable();

		mainFlxTable.setWidget(0, 0, headingsFlxTable);
		mainFlxTable.setWidget(1, 0, valuesFlxTable);

		return mainFlxTable;
	}

As you can see, the construction of the entire section is happening inside a for-loop, hence, it is all dynamic. Now, if I just say getText(), I doubt if it'll work out. Can you please provide me some alternate solution to this?

[Maneesh Godbole]

I will still recommend what I suggested in my first reply. Did you try it out?

[salvin francis]

You have posted a huge code thats irrelevant to your actual question.


Here is what i see:

class SomeClass{
	TextBox txt;
	
	void method(){
		for (int n=10;n<100) {  
			something.add(mySomeMethod());   
		}
		//-- How do i get value here ?
	}
	
	
	Widget mySomeMethod(){
		txt = new TextBox();
		
		...
		...
		...
		
	}
}

Well my friend, this is not GWT issue, But it's rather a Java 'issue'. Your code logic is to reuse a field variable to point to another object
So Its obvious that you have lost its reference. (Or in simple words, 'txt' will point to the LAST textbox in the loop)

Considering that you are adding some kind of panel on the fly ... you can consider an approach like:

class SomeClass{
	ArrayList <MyComponent> componentArray = new ArrayList<MyComponent>();
	
	TextBox txt;
	
	void method(){
		for (int n=10;n<100) {  
			something.add(mySomeMethod());   
		}
		
		//-- Loop through all components and get each text field value		
		for(MyComponent mc:componentArray){
			String textValue = mc.getTextFieldValue(); //-- of course this is ur method :)
			System.out.println("Text value is "+textValue);
		}
	}
	
	
	Widget mySomeMethod(){
		MyComponent mc = new MyComponent();
		
		...
		...
		...
		...
		
		componentArray.add(mc);		
		return mc;
	}
}

I hope I have solved / correctly understood your problem