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 }); }
HtmlSelect Class
The HtmlSelect class creates an HTML select control, which
can display either a list box or a drop-down list box depending on its
attribute. The items of the select control are stored in <option>elements
inside the <select> element. As soon as you add a list box or drop-down
list box to a Web form using HTML server controls, ASP.NET adds a default ,
empty <option> element to the <select> element. The HtmlSelect
class gives you access to the HTML <select> element s in server code.
Properties of the HtmlSelect Class
DataMember : Obtains
or sets the set of data to bind to the HtmlSelect control from a DataSource with
multiple sets of Data.
DataSource : Obtains or sets the source of information to
bind to the HtmlSelect control.
DataSourceId : Obtains or sets the ID of the Data source
control that the HtmlSelect control should use to retrieve its data source.
DataTextField : Obtains or sets the field from the data
source to bind to the System.Web.UI.WebControls.ListItem.Text property of each
item in the HtmlSelect control.
DataValueField : Obtains or sets the field from the data
source to bind to the System.Web.UI.WebControls.ListItem.value property of each
item in the HtmlSelect control.
InnerHtml : Obtains or sets the conect between the opening
and closing tags of the control without automatically converting special characters
to their equivalent HTMl entities.
Items : Obtains a collection that contains the item listed
in an HtmlSelect control.
Multiple : Obtains or sets a value indicating whether
multiple items can be selected concurrently in the HtmlSelect control.
Name : Obtains or sets the unique identifier name associated
with the HtmlSelect control.
SelectedIndex : Obtains or sets the ordinal index of the selected
item in an HtmlSelect control.
Size : Obtains or sets the height (in row ) of the
HtmlSelect control.
Value : Obtains the value of the selected item in the
HtmlSelect control or sets the SelectedIndex property of the control to the
index of the first item in the list with the specified value.
Event of the HtmlSelect Class
ServerChange : Occurs when the select control is changed.
You can handle this event on the server.
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void click_server(object server, EventArgs e)
{
sp1.InnerHtml = Select1.Value.ToString();
int i = 0;
for(i=0;i<Select1 .Items.Count;i++)
{
if (Select1 .Items [i].Selected)
{
sp2.InnerHtml += Select1.Value.ToString();
}
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
Please Select Item : <br />
<select id="Select1" runat ="server" >
<option value ="Apple" selected ="selected">Apple</option>
<option value ="Mango">Mango</option>
<option value ="Orange">Orange</option>
</select>
<span runat ="server" id="sp1">
</span>
<span runat ="server" id="sp2">
</span>
<input id="Submit1" type="submit" value="submit" runat ="server" onserverclick ="click_server" />
</div>
</form>
</body>
</html>
Output
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void click_server(object server, EventArgs e)
{
sp1.InnerHtml = Select1.Value.ToString();
int i = 0;
for(i=0;i<Select1 .Items.Count;i++)
{
if (Select1 .Items [i].Selected)
{
sp2.InnerHtml += Select1.Value.ToString();
}
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
Please Select Item : <br />
<select id="Select1" runat ="server" >
<option value ="Apple" selected ="selected">Apple</option>
<option value ="Mango">Mango</option>
<option value ="Orange">Orange</option>
</select>
<span runat ="server" id="sp1">
</span>
<span runat ="server" id="sp2">
</span>
<input id="Submit1" type="submit" value="submit" runat ="server" onserverclick ="click_server" />
</div>
</form>
</body>
</html>
Comments
Post a Comment