---
title: "How to create a Registration Form in MVC using Extjs"
description: "How to create a Registration Form in MVC using Extjs"
author: "Anonymous User"
published: 2016-06-17
updated: 2023-07-03
canonical: https://www.mindstick.com/forum/34142/how-to-create-a-registration-form-in-mvc-using-extjs
category: ".net"
tags: ["web development"]
reading_time: 7 minutes
---
# How to create a Registration Form in MVC using Extjs
How to create a [Registration](https://www.mindstick.com/articles/23222/bonuses-of-casino-online-free-and-with-registration) [Form](https://www.mindstick.com/forum/6/multi-form-mfc-application) in [MVC](https://www.mindstick.com/forum/155803/define-cache-profile-in-mvc) using Extjs.
## Replies
### Reply by Aryan Kumar
Sure, here are the steps on how to create a registration form in MVC using ExtJS:
1. Create a new MVC project and add the ExtJS library to your project.
2. Create a controller for your registration form.
3. Create a view for your registration form.
4. In your controller, create a model for your registration form.
5. In your view, create a form using the ExtJS `FormPanel` component.
6. Add fields to your form using the ExtJS `TextField` and `PasswordField` components.
7. Add a button to your form to submit the form data.
8. In your controller, handle the submit event of your form and save the form data to your database.
Here is an example of the code:
C#
```plaintext
public class RegistrationController : Controller
{
public RegistrationController()
{
}
[HttpGet]
[Route("registration")]
public ActionResult Index()
{
return View();
}
[HttpPost]
[Route("registration")]
public ActionResult Index(RegistrationModel model)
{
if (ModelState.IsValid)
{
// Save the form data to the database
}
return View();
}
}
public class RegistrationModel
{
public string Username { get; set; }
public string Password { get; set; }
}
```
JavaScript
```plaintext
Ext.define("app.view.RegistrationForm", {
extend: "Ext.form.Panel",
alias: "widget.registrationform",
title: "Registration Form",
renderTo: "registration-form",
width: 400,
height: 200,
items: [
{
xtype: "textfield",
fieldLabel: "Username",
name: "username"
},
{
xtype: "passwordfield",
fieldLabel: "Password",
name: "password"
},
{
xtype: "button",
text: "Submit",
handler: function() {
// Submit the form data
}
}
]
});
```
This code will create a registration form with two fields, a username field and a password field. The form will also have a submit button that will submit the form data to the controller.
You can then add this form to your view using the `Ext.create()` method. For example:
JavaScript
```plaintext
var registrationForm = Ext.create("app.view.RegistrationForm");
// Add the form to the view
this.getView().add(registrationForm);
```
Once you have added the form to your view, you can then submit the form data by clicking on the submit button. The controller will then save the form data to your database.
### Reply by Ashish Awasthi
**\******\****\****\****\****\****\**Create a Control name as Registration after create control and right click on index click addView****\****using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;\
\
namespace MvcApplication1.Controllers{ public class HomeController : Controller { \
public ActionResult Index() { return View(); }\
} }\****\****In a view folder automatically create a registration folder inside registration folder Index.cshtml :**\
@{ ViewBag.Title = "Index"; }