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 }); }
Html.TextBox() handler used to return text input element on the page at run time. It supports some types of parameters discussed and also have some more options to returning text inputs on the page. Mostly it is of two types listed below with their specification and uses.
<input type="text" name="name" id="id" />
Following is list of parameters this handler may used:
This method is used when programmer binds this page through a model class (having some properties). Programmer can specify more html attributes within the related section.
For example the following line of code will fix the max length of textbox
@Html.TextBoxFor(m=>m.Name, new { maxlength = "20" })
To disabled the textbox just specify the disabled attribute like written below:
@Html.TextBoxFor(m=>m.Name, new { disabled = "disabled" })
@Html.TextBox(Parameter collection...)
This html handler is used to return text input element to be input some values by user like name, age, address and more. As this element is used like a method in Asp.Net MVC, this may have some parameters to be passed with it. This handler returns only an input field in the form of<input type="text" name="name" id="id" />
Following is list of parameters this handler may used:
- Name: used to specify name of form field (can be used to find control on page) and this parameter is of string type.
- Value: this parameter is of type object and used to specify value of text input element. If this value is null then this element will get the value from viewdata dictionary otherwise model data dictionary.
- Format: used to format the input value in prescribed format string. To format the text input in date form, programmer may use "{0:d}"
- Html Attributes: the object contains html attributes to set for the element like class, font size and many more attributes.
@Html.TextBox("txtName", "Student Name", "{0:d}", new { @class = "txtClass" })
@Html.TextBoxFor(Parameter collection...)
The main difference between @Html.TextBox() and @Html.TextBoxFor() is this handler use prediction to resolve the value to be shown. All the remaining parameters are same in both the handlers.This method is used when programmer binds this page through a model class (having some properties). Programmer can specify more html attributes within the related section.
For example the following line of code will fix the max length of textbox
@Html.TextBoxFor(m=>m.Name, new { maxlength = "20" })
To disabled the textbox just specify the disabled attribute like written below:
@Html.TextBoxFor(m=>m.Name, new { disabled = "disabled" })
Comments
Post a Comment