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 }); }
Model Class
public class Products
{
public int Id { get; set; }
public string Name { get; set; }
public int Price { get; set; }
}
Controller Code
public IActionResult Index()
{
List<Products> p1 = new List<Products>();
p1.Add(new Products { Id = 1, Name = "Samsung", Price = 50 });
p1.Add(new Products { Id = 2, Name = "Samsung1", Price = 50 });
p1.Add(new Products { Id = 3, Name = "Samsung2", Price = 150 });
p1.Add(new Products { Id = 4, Name = "Samsung3", Price = 150 });
p1.Add(new Products { Id = 5, Name = "Samsung4", Price = 550 });
p1.Add(new Products { Id = 6, Name = "Samsung5", Price = 550 });
return View(p1);
}
View Section
@model IEnumerable<TestingApplication.Models.Products>
@{
ViewData["Title"] = "Index";
}
<h2>Index</h2>
<p>
<a asp-action="Create">Create New</a>
</p>
<table class="table">
<thead>
<tr>
<th>
@Html.DisplayNameFor(model => model.Id)
</th>
<th>
@Html.DisplayNameFor(model => model.Name)
</th>
<th>
@Html.DisplayNameFor(model => model.Price)
</th>
<th></th>
</tr>
</thead>
<tbody>
@foreach (var item in Model)
{
@if (item.Price > 0 && item.Price < 100)
{
<tr class="label-success">
<td>
@Html.DisplayFor(modelItem => item.Id)
</td>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.Price)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Details", "Details", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ })
</td>
</tr>
}
@if (item.Price > 100 && item.Price < 200)
{
<tr class="label-warning">
<td>
@Html.DisplayFor(modelItem => item.Id)
</td>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.Price)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Details", "Details", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ })
</td>
</tr>
}
@if (item.Price > 150 && item.Price < 600)
{
<tr class="label-primary">
<td>
@Html.DisplayFor(modelItem => item.Id)
</td>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.Price)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Details", "Details", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ })
</td>
</tr>
}
}
</tbody>
</table>
public class Products
{
public int Id { get; set; }
public string Name { get; set; }
public int Price { get; set; }
}
Controller Code
public IActionResult Index()
{
List<Products> p1 = new List<Products>();
p1.Add(new Products { Id = 1, Name = "Samsung", Price = 50 });
p1.Add(new Products { Id = 2, Name = "Samsung1", Price = 50 });
p1.Add(new Products { Id = 3, Name = "Samsung2", Price = 150 });
p1.Add(new Products { Id = 4, Name = "Samsung3", Price = 150 });
p1.Add(new Products { Id = 5, Name = "Samsung4", Price = 550 });
p1.Add(new Products { Id = 6, Name = "Samsung5", Price = 550 });
return View(p1);
}
View Section
@model IEnumerable<TestingApplication.Models.Products>
@{
ViewData["Title"] = "Index";
}
<h2>Index</h2>
<p>
<a asp-action="Create">Create New</a>
</p>
<table class="table">
<thead>
<tr>
<th>
@Html.DisplayNameFor(model => model.Id)
</th>
<th>
@Html.DisplayNameFor(model => model.Name)
</th>
<th>
@Html.DisplayNameFor(model => model.Price)
</th>
<th></th>
</tr>
</thead>
<tbody>
@foreach (var item in Model)
{
@if (item.Price > 0 && item.Price < 100)
{
<tr class="label-success">
<td>
@Html.DisplayFor(modelItem => item.Id)
</td>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.Price)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Details", "Details", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ })
</td>
</tr>
}
@if (item.Price > 100 && item.Price < 200)
{
<tr class="label-warning">
<td>
@Html.DisplayFor(modelItem => item.Id)
</td>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.Price)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Details", "Details", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ })
</td>
</tr>
}
@if (item.Price > 150 && item.Price < 600)
{
<tr class="label-primary">
<td>
@Html.DisplayFor(modelItem => item.Id)
</td>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.Price)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Details", "Details", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ })
</td>
</tr>
}
}
</tbody>
</table>
Outstanding work author. Knowledgeable enough. We will surely share your work. Anyway, If you are interested and looking for website development you may visit this website.
ReplyDeleteInwizards
Hire Xamarin developer
Hire Blazor developer
Hire ABP,io Developer
ReplyDeleteCodeworld19
codeworld19 C and c++, codeworld19 Java, codeworld19 Python, codeworld19 Database sql,mongoDB, Hadoop, codeworld19 All hacker rank problem solutions
Excellent work, author. Enough knowledge. We will undoubtedly spread the word about your work. Anyway, If you are interested and looking for restaurant-table-booking-system you may visit this website.
ReplyDeleteTable booking in restaurants