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 }); }
ListBox control is used to represent a list of items and select a single or some of the items from these. Most often when we have to opt user to select an item from the list of items, then listbox is used.
In WPF this control is somewhat different from the list box of windows forms. It have some properties to be used most often in programming.
To select an item, set IsSelected property to true. The above XAML code will show a listbox having three items as shown in following image:
The same listbox can also be generated using the following line of code:
The listbox can also formatted using its properties like background, foreground and etc. That is how we created a listbox from XAML code.
In WPF this control is somewhat different from the list box of windows forms. It have some properties to be used most often in programming.
- DataContext: used to specify the source having list of data, through which it will bind. It may be a binding source or an IList.
- DisplayMemberPath: indicates the name of an object contained in datasource. Specifies what object will be shown to the user.
- SelectedValue: get or set the selected value from the list of items.
- SelectedValuePath: used to specify the selected value from the binding source.
- SelectedIndex: get or set the index of selected value.
- SelectedItem: indicates the item which is selected.
<ListBox >
<ListBoxItem>first Item</ListBoxItem>
<ListBoxItem>second Item</ListBoxItem>
<ListBoxItem>third Item</ListBoxItem>
</ListBox>
<ListBoxItem>first Item</ListBoxItem>
<ListBoxItem>second Item</ListBoxItem>
<ListBoxItem>third Item</ListBoxItem>
</ListBox>
To select an item, set IsSelected property to true. The above XAML code will show a listbox having three items as shown in following image:
The same listbox can also be generated using the following line of code:
<ListBox >
<ListBoxItem>first Item</ListBoxItem>
<ListBoxItem>second Item</ListBoxItem>
<ListBoxItem>third Item</ListBoxItem>
</ListBox>
<ListBoxItem>first Item</ListBoxItem>
<ListBoxItem>second Item</ListBoxItem>
<ListBoxItem>third Item</ListBoxItem>
</ListBox>
The listbox can also formatted using its properties like background, foreground and etc. That is how we created a listbox from XAML code.
Comments
Post a Comment