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
NumericUpDownExtender targets a TextBox Control to extend the functionality of the textbox . When this extender is attached to a TextBox control , the textbox appear with an up and down button . You can use these buttons to navigate through a defined set of string values as well as integer value . The string values are defined using the RefValues property of NumericUpDownExtender and integer value defined by minimum and maximum property.Source Code
Copy this code and paste your web form ( Before copy you must add ajax control tool kit to your project )<%@ Page Language="C#" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html>
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:Label ID="Label1" runat="server" Text="Increse or decrease your counter"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server" Height="19px" Width="229px"></asp:TextBox>
<br />
<br />
Select your month
<asp:TextBox ID="TextBox2" runat="server" Height="19px" Width="232px"></asp:TextBox>
<asp:NumericUpDownExtender ID="NumericUpDownExtender1" runat="server" Width ="100" Step ="10" Maximum ="100" Minimum ="1" TargetControlID ="TextBox1"></asp:NumericUpDownExtender>
<asp:NumericUpDownExtender ID="NumericUpDownExtender2" runat="server" Width ="100" Step="1" TargetControlID ="TextBox2" RefValues ="jan;feb"></asp:NumericUpDownExtender>
<br />
</div>
</form>
</body>
</html>
OutPut
TargetControlID : Set the ID for the TextBox control to which you want to attach the extender.
Width : Sets the combined size of the TextBox control and the Up and Down Buttons. If you use custom buttons, then you do not need to set the width.
RefValues: Set a list of strings separated by semicolons ,which you want to display when the up or down button is clicked.
Step: Sets the Steps for numeric increment and decrement . The Default value is 1
TargetButtonDownID : Set the ID of the custom Down button .
TargetButtonUpID : Set the ID of the custom Up button.
Minimum : Set the minimum value allowed by the extender to navigate.
Maximum : Set the maximum value allowed by the extender to navigate.
Comments
Post a Comment