How to call a class on form submit

ccpplinux

I want to call a class on the form submit. But I am unable to do so. Here is my code:

import feathers.controls.Application;
import feathers.controls.Label;
import feathers.controls.Button;
import feathers.controls.Form;
import feathers.controls.FormItem;
import feathers.controls.TextInput;
import feathers.controls.LayoutGroup;
import feathers.events.FormEvent;
import feathers.skins.RectangleSkin;

class FormTest extends Application 
{
	public function new() 
	{
		super();

		var form = new Form();

		var nameItem = new FormItem();
		nameItem.text = "Name:";
		nameItem.content = new TextInput();
		nameItem.required = true;
		form.addChild(nameItem);
		
		var sendButton = new Button();
		sendButton.text = "Send";
		form.addChild(sendButton);
		form.submitButton = sendButton;

		var skin = new RectangleSkin();
		skin.border = SolidColor(1.0, 0x999999);
		skin.fill = SolidColor(0xcccccc);
		skin.width = 16.0;
		skin.height = 16.0;
		form.backgroundSkin = skin;

		nameItem.textPosition = LEFT;
		nameItem.paddingTop = 5.0;
		nameItem.paddingRight = 8.0;
		nameItem.paddingBottom = 5.0;
		nameItem.paddingLeft = 8.0;
		nameItem.gap = 10.0;

		form.addEventListener(FormEvent.SUBMIT, form_submitHandler);

		addChild(form);
	}

	function form_submitHandler(event:FormEvent):Void 
	{
		var form = cast(event.currentTarget, Form);
		trace("Form Submitted");
		//home_page();
		var homePage = new HomePage();
	}
}

class HomePage extends LayoutGroup 
{
    public function new() 
	{
        super();

        var message = new Label();
        message.text = "Welcome to Home Page";
        addChild(message);
    }
}

Here in the submitHandler I am creating the object of HomePage class but it is not loading the new page having the message "Welcome to Home Page". What is wrong with this code? Please help me.

ccpplinux

Can anyone help me in running above code?

joshtynjala

You need to use addChild(homePage) to see your instance of HomePage.

ccpplinux

Thanks for hint. When I am using addChild(homePage) inside the function form_submitHandler just after defining the homePage then after clicking on the Submit button then message "Welcome to Home Page" is appearing just above the form. The form is not disappearing. I want to disappear the form and display the message "Welcome to Home Page" on a fresh screen. How to do that?

ccpplinux

Here is the screenshot of what I see on the screen:

[https://pasteboard.co/FUjpjXCpJRBN.png]

joshtynjala

Save the form in a member variable instead of a local variable:

private var form:Form;

form = new Form();

Then, when you call addChild(homePage), also call removeChild(form).

removeChild(form);
var homePage = new HomePage();
addChild(homePage);

Alternatively, you might consider using the StackNavigator component because it appears to me that you are creating an app with several pages, and this component is designed for handling navigation between pages, including saving the history so that you can go back and forward.

ccpplinux

Thanks for giving the hint. Now it is working fine. I am also able to pass the value entered by the user in the text box to the home page. I have also explored StackNavigator. It is suitable for navigation between screens using buttons. But I want my button to be part of the form. I want to do the validation when the form is submitted. Ultimately I want to develop an application with the registration page, login page, home page, logout page, forgot password page. I want to use the PHP API in the backend. I want to store data in the MySQL table and fetch data from MySQL table and display on screen. I am moving towards that. Can you please give me a hint on how to call a PHP API on the form submission?

joshtynjala

ccpplinux It is suitable for navigation between screens using buttons. But I want my button to be part of the form.

Navigation in StackNavigator can be triggered when the currently active screen dispatches any event. It's not strictly limited to a button presses. Your login screen could listen for your form's FormEvent.SUBMIT and send a request to the server (such as with openfl.net.URLLoader). When the response comes back, it can decide whether to navigate to the HomeScreen (triggered by dispatching an event that is registered with the StackNavigator), or to display an error message and stay on the login screen (no event).

ccpplinux

Thanks for giving me hint. Now I will try to use login form with StackNavigator and do the validation as per suggestion given by you. I will contact you in case of any problem. Thanking you again.