I want to show Components in a tabs , so first of all create few components. In this project we have three components, First View Component public class AllViewComponent : ViewComponent { private readonly UserManager<ApplicationUser> _userManager; public AllViewComponent(UserManager<ApplicationUser> userManager) { _userManager = userManager; } public async Task<IViewComponentResult> InvokeAsync() { List<StudentViewModel> allUsers = new List<StudentViewModel>(); var items = await _userManager.Users.ToListAsync(); foreach (var item in items) { allUsers.Add(new StudentViewModel {Id=item.Id, EnrollmentNo = item.EnrollmentNo, FatherName = item.FatherName, Name = item.Name, Age = item.Age, Birthdate = item.Birthdate, Address = item.Address, Gender = item.Gender, Email = item.Email }); }
Introduction
The TextBox control is an input control , which allows you to enter text. The TextBox control exists within the System.Web.UI.WebControls namespace.
You can set the style of the TextBox by using the TextMode property . By default , the TextMode property is set to SingleLine to create a single-line HTML . text field but it can also be set to MultiLine for a multiline textbox.
You can convert a mode of TextBox control to a Password control, where the text, which the user types is masked with special symbols such as asterisks (*).
The display width of a textbox is set with its columns property and if it is a multiline textbox , the display height is set with the Rows property.
Public Properties of the TextBox Classes
AutoCompleteType : Obtains or sets a value that indicates the AutoComplete behavior of the TextBox control.
AutoPostBack : Obtains or sets a value that indicates whether an automatic postback to the server occurs when the TextBox control loses focus.
CausesValidation : Obtains or sets a value indicating whether validation is performed when the textbox control is set to validate when a postback occurs.
Columns : Obtains or set the display width of the textbox in characters.
MaxLength : Obtains or sets the maximum number of characters allowed in the textbox.
ReadOnly : Obtains or sets a value indicating whether the contents of the TextBox control can be changed.
Rows : Obtains or sets the number of rows displayed in a multiline textbox.
Text : Obtains or sets the text content of the TextBox control.
TextMode : Obtains or sets the behavior mode (single-line , multiline or password) of the TextBox control.
ValidationGroup : Obtains or sets the group of controls for which the TextBox control causes validation when it postback to the server.
Wrap : Obtains or sets a value indicating whether the text content wraps within a multiline textbox.
Public Event of the TextBox Class
TextChanged : Occurs when the user changes the text of the TextBox.
The TextBox control is an input control , which allows you to enter text. The TextBox control exists within the System.Web.UI.WebControls namespace.
You can set the style of the TextBox by using the TextMode property . By default , the TextMode property is set to SingleLine to create a single-line HTML . text field but it can also be set to MultiLine for a multiline textbox.
You can convert a mode of TextBox control to a Password control, where the text, which the user types is masked with special symbols such as asterisks (*).
The display width of a textbox is set with its columns property and if it is a multiline textbox , the display height is set with the Rows property.
Public Properties of the TextBox Classes
AutoCompleteType : Obtains or sets a value that indicates the AutoComplete behavior of the TextBox control.
AutoPostBack : Obtains or sets a value that indicates whether an automatic postback to the server occurs when the TextBox control loses focus.
CausesValidation : Obtains or sets a value indicating whether validation is performed when the textbox control is set to validate when a postback occurs.
Columns : Obtains or set the display width of the textbox in characters.
MaxLength : Obtains or sets the maximum number of characters allowed in the textbox.
ReadOnly : Obtains or sets a value indicating whether the contents of the TextBox control can be changed.
Rows : Obtains or sets the number of rows displayed in a multiline textbox.
Text : Obtains or sets the text content of the TextBox control.
TextMode : Obtains or sets the behavior mode (single-line , multiline or password) of the TextBox control.
ValidationGroup : Obtains or sets the group of controls for which the TextBox control causes validation when it postback to the server.
Wrap : Obtains or sets a value indicating whether the text content wraps within a multiline textbox.
Public Event of the TextBox Class
TextChanged : Occurs when the user changes the text of the TextBox.
Example of the TextBox Control
<%@ Page Language="C#" %>
<!DOCTYPE html>
<script runat="server">
protected void Button1_Click(object sender, EventArgs e)
{
TextBox1.Text = " this is the single line textbox";
TextBox2.Text = " this is the multi-line text box having 10 rows.";
TextBox4.Text = TextBox3.Text;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" style="font-weight: 700" Text="Different types of TextBox control"></asp:Label>
<br />
<br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Click me" />
<br />
<br />
<asp:TextBox ID="TextBox1" runat="server" Height="27px" Width="220px"></asp:TextBox>
<br />
<br />
<asp:TextBox ID="TextBox2" runat="server" Rows="10" TextMode="MultiLine"></asp:TextBox>
<br />
<br />
<asp:Label ID="Label2" runat="server" style="font-weight: 700" Text="Enter Password"></asp:Label>
<br />
<asp:TextBox ID="TextBox3" runat="server" Height="23px" TextMode="Password" Width="211px"></asp:TextBox>
<br />
<br />
<asp:TextBox ID="TextBox4" runat="server" Height="23px" Width="206px"></asp:TextBox>
</div>
</form>
</body>
</html>
<!DOCTYPE html>
<script runat="server">
protected void Button1_Click(object sender, EventArgs e)
{
TextBox1.Text = " this is the single line textbox";
TextBox2.Text = " this is the multi-line text box having 10 rows.";
TextBox4.Text = TextBox3.Text;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" style="font-weight: 700" Text="Different types of TextBox control"></asp:Label>
<br />
<br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Click me" />
<br />
<br />
<asp:TextBox ID="TextBox1" runat="server" Height="27px" Width="220px"></asp:TextBox>
<br />
<br />
<asp:TextBox ID="TextBox2" runat="server" Rows="10" TextMode="MultiLine"></asp:TextBox>
<br />
<br />
<asp:Label ID="Label2" runat="server" style="font-weight: 700" Text="Enter Password"></asp:Label>
<br />
<asp:TextBox ID="TextBox3" runat="server" Height="23px" TextMode="Password" Width="211px"></asp:TextBox>
<br />
<br />
<asp:TextBox ID="TextBox4" runat="server" Height="23px" Width="206px"></asp:TextBox>
</div>
</form>
</body>
</html>
Comments
Post a Comment