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 }); }
In our previous article, we have already learn how to bind GridView using ado.net, Entityframework, etc. Now, today we will learn strong model binding. Follow my steps
Step-1 : Create a course.cs class, which is include in my previous article
Step-2 : Create a another class, which named as DataContext.cs class also include in my previous article.
Step-3 : After adding the two class in the project , add a new web form, which named as "getItem.aspx".
Step-4 : Add GridView control on web form
Step-5 : Your source code looking like this
<form id="form1" runat="server">
<div>
</div>
<asp:GridView ID="GridView1" runat="server" DataKeyNames ="ID" AutoGenerateColumns="false" ItemType="course" SelectMethod="getCourse">
<Columns>
<asp:BoundField DataField="ID" HeaderText="Course_Id" />
<asp:BoundField DataField="ccode" HeaderText="Course_code" />
<asp:BoundField DataField="cname" HeaderText="Course_Name" />
</Columns>
</asp:GridView>
</form>
Here we add two extra attribute, which names as SelectMethod and ItemType. ItemType define the whole structure of your code. Suppose your course class inside in a namespace then your ItemType is
namespace.class name. Using the select method you can retrieve table data from database.
Step-6 : copy this code and paste into your code behind page
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class getitem : System.Web.UI.Page
{
private readonly DataContext dc = new DataContext();
protected void Page_Load(object sender, EventArgs e)
{
}
public IQueryable<course> getCourse()
{
return dc.courses;
}
}
First to create DataContext object, which is used for retrieving data from database. Also create Select method which return IQueryable type.
Step-1 : Create a course.cs class, which is include in my previous article
Step-2 : Create a another class, which named as DataContext.cs class also include in my previous article.
Step-3 : After adding the two class in the project , add a new web form, which named as "getItem.aspx".
Step-4 : Add GridView control on web form
Step-5 : Your source code looking like this
<form id="form1" runat="server">
<div>
</div>
<asp:GridView ID="GridView1" runat="server" DataKeyNames ="ID" AutoGenerateColumns="false" ItemType="course" SelectMethod="getCourse">
<Columns>
<asp:BoundField DataField="ID" HeaderText="Course_Id" />
<asp:BoundField DataField="ccode" HeaderText="Course_code" />
<asp:BoundField DataField="cname" HeaderText="Course_Name" />
</Columns>
</asp:GridView>
</form>
Here we add two extra attribute, which names as SelectMethod and ItemType. ItemType define the whole structure of your code. Suppose your course class inside in a namespace then your ItemType is
namespace.class name. Using the select method you can retrieve table data from database.
Step-6 : copy this code and paste into your code behind page
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class getitem : System.Web.UI.Page
{
private readonly DataContext dc = new DataContext();
protected void Page_Load(object sender, EventArgs e)
{
}
public IQueryable<course> getCourse()
{
return dc.courses;
}
}
First to create DataContext object, which is used for retrieving data from database. Also create Select method which return IQueryable type.
Code generate the following output
Comments
Post a Comment