ASP.Net ตอนที่ 3 : Display Master-Detail (LINQ, Entity Framework) |
ASP.Net ตอนที่ 3 : Display Master-Detail (LINQ, Entity Framework) ในตอนที่ 3 จะเป็นการใช้ Entity Framework แสดงข้อมูลในรูปแบบของ Master -> Detail โดยจะสร้าง Web Form ขึ้นมา 2 ฟอร์ม อันแรกใช้แสดงรายการทั้งหมด และอันที่สองใช้แสดงรายละเอียดเมื่อมีการคลิกแต่ล่ะรายการ โดยในตัวอย่างนี้จะใช้รูปแบบ LINQ to Entities ออกเป็น 2 รูปแบบคือ การเลือก Select ข้อมูลทั้งหมดเพื่อแสดงใน GridView และ การเลือกข้อมูลรายการที่ได้เลือกแสดงใน Form เป็น Detail
Example : การใช้งาน LINQ to Entities อ่านค่าจาก Table แล้วแสดงผลในรูปแบบของ Master-Detail
Default.aspx ใช้สำหรับแสดงข้อมูลทั้งหมดใน GridView
Detail.aspx ใช้แสดงข้อมูล Detail เมื่อมีการคลิกแต่ล่ะรายการ โดยแสดงผลที่ Label
ไฟล์ Default.aspx และ Default.aspx.cs สำหรับแสดงรายการใน GridView
Code Default.aspx (HTML)
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="frmMain" runat="server">
<asp:GridView ID="myGridView" runat="server" AutoGenerateColumns="False" OnRowDataBound="myGridView_RowDataBound">
<Columns>
<asp:TemplateField HeaderText="Customer ID">
<ItemTemplate>
<asp:Label ID="lblCustomerID" runat="server"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Name">
<ItemTemplate>
<asp:Label ID="lblName" runat="server"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Email">
<ItemTemplate>
<asp:Label ID="lblEmail" runat="server"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Country Code">
<ItemTemplate>
<asp:Label ID="lblCountryCode" runat="server"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Budget">
<ItemTemplate>
<asp:Label ID="lblBudget" runat="server"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Used">
<ItemTemplate>
<asp:Label ID="lblUsed" runat="server"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Detail">
<ItemTemplate>
<asp:HyperLink ID="hplDetail" Text="View" runat="server"></asp:HyperLink>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</form>
</body>
</html>
Code Default.aspx.cs (C#)
public partial class Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
BindData();
}
protected void BindData()
{
// Create new entities Object
using (var db = new myDatabaseEntities())
{
// Get data from CUSTOMER
var ds = (from c in db.CUSTOMER
select new
{
c.CUSTOMER_ID,
c.NAME,
c.EMAIL,
c.COUNTRY_CODE,
c.BUDGET,
c.USED
}).ToList();
// Assign to GridView
if (ds.Count > 0)
{
this.myGridView.DataSource = ds;
this.myGridView.DataBind();
}
}
}
protected void myGridView_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow && DataBinder.Eval(e.Row.DataItem, "CUSTOMER_ID") != null)
{
//*** CustomerID ***//
Label lblCustomerID = (Label)(e.Row.FindControl("lblCustomerID"));
if (lblCustomerID != null)
{
lblCustomerID.Text = DataBinder.Eval(e.Row.DataItem, "CUSTOMER_ID").ToString();
}
//*** Name ***//
Label lblName = (Label)(e.Row.FindControl("lblName"));
if (lblName != null)
{
lblName.Text = DataBinder.Eval(e.Row.DataItem, "NAME").ToString();
}
//*** Email ***//
Label lblEmail = (Label)(e.Row.FindControl("lblEmail"));
if (lblEmail != null)
{
lblEmail.Text = DataBinder.Eval(e.Row.DataItem, "EMAIL").ToString();
}
//*** CountryCode ***//
Label lblCountryCode = (Label)(e.Row.FindControl("lblCountryCode"));
if (lblCountryCode != null)
{
lblCountryCode.Text = DataBinder.Eval(e.Row.DataItem, "COUNTRY_CODE").ToString();
}
//*** Budget ***//
Label lblBudget = (Label)(e.Row.FindControl("lblBudget"));
if (lblBudget != null)
{
lblBudget.Text = DataBinder.Eval(e.Row.DataItem, "BUDGET").ToString();
}
//*** Used ***//
Label lblUsed = (Label)(e.Row.FindControl("lblUsed"));
if (lblUsed != null)
{
lblUsed.Text = DataBinder.Eval(e.Row.DataItem, "USED").ToString();
}
//*** Detail ***//
HyperLink hplDetail = (HyperLink)(e.Row.FindControl("hplDetail"));
if (hplDetail != null)
{
hplDetail.NavigateUrl = string.Format("Detail.aspx?CustomerID={0}", DataBinder.Eval(e.Row.DataItem, "CUSTOMER_ID").ToString());
}
}
}
}
ไฟล์ Detail.aspx และ Detail.aspx.cs สำหรับแสดง Detail
Code Detail.aspx (HTML)
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="frmMain" runat="server">
<div>
<table width="353" border="1">
<tr>
<td width="102">
<asp:Label ID="Label1" runat="server" Text="Customer ID"></asp:Label></td>
<td width="235">
<asp:Label ID="lblCustomerID" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label2" runat="server" Text="Name"></asp:Label>
</td>
<td>
<asp:Label ID="lblName" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label3" runat="server" Text="Email"></asp:Label></td>
<td>
<asp:Label ID="lblEmail" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label4" runat="server" Text="Country Code"></asp:Label></td>
<td>
<asp:Label ID="lblCountryCode" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label5" runat="server" Text="Budget"></asp:Label></td>
<td>
<asp:Label ID="lblBudget" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label6" runat="server" Text="Used"></asp:Label></td>
<td>
<asp:Label ID="lblUsed" runat="server"></asp:Label>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Code Detail.aspx.cs (C#)
public partial class Detail : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
using (var db = new myDatabaseEntities())
{
// Get Param
string strCustomerID = Request.QueryString["CustomerID"];
// Get data from CUSTOMER
var ds = (from c in db.CUSTOMER
where c.CUSTOMER_ID == strCustomerID
select new
{
c.CUSTOMER_ID,
c.NAME,
c.EMAIL,
c.COUNTRY_CODE,
c.BUDGET,
c.USED
}).FirstOrDefault();
// Display to label
if (ds != null)
{
this.lblCustomerID.Text = ds.CUSTOMER_ID;
this.lblName.Text = ds.NAME;
this.lblEmail.Text = ds.EMAIL;
this.lblCountryCode.Text = ds.COUNTRY_CODE;
this.lblBudget.Text = ds.BUDGET.ToString();
this.lblUsed.Text = ds.USED.ToString();
}
}
}
}
Screenshot
แสดงรายการทั้งหมดใน GridView
แสดง Detail ในแตล่ะรายการบน Label ของ Web Form
Code Default.aspx.vb (VB.Net)
Public Class _Default
Inherits System.Web.UI.Page
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not Page.IsPostBack Then
BindData()
End If
End Sub
Protected Sub BindData()
' Create new entities Object
Using db = New myDatabaseEntities()
' Get data from CUSTOMER
Dim ds = (From c In db.CUSTOMER
Select New With { _
c.CUSTOMER_ID, _
c.NAME, _
c.EMAIL, _
c.COUNTRY_CODE, _
c.BUDGET, _
c.USED _
}).ToList()
' Assign to GridView
If ds.Count > 0 Then
Me.myGridView.DataSource = ds
Me.myGridView.DataBind()
End If
End Using
End Sub
Protected Sub myGridView_RowDataBound(sender As Object, e As GridViewRowEventArgs) Handles myGridView.RowDataBound
If e.Row.RowType = DataControlRowType.DataRow And Not IsNothing(DataBinder.Eval(e.Row.DataItem, "CUSTOMER_ID")) Then
'*** CustomerID ***'
Dim lblCustomerID As Label = DirectCast(e.Row.FindControl("lblCustomerID"), Label)
If Not IsNothing(lblCustomerID) Then
lblCustomerID.Text = DataBinder.Eval(e.Row.DataItem, "CUSTOMER_ID").ToString()
End If
'*** Name ***'
Dim lblName As Label = DirectCast(e.Row.FindControl("lblName"), Label)
If Not IsNothing(lblName) Then
lblName.Text = DataBinder.Eval(e.Row.DataItem, "NAME").ToString()
End If
'*** Email ***'
Dim lblEmail As Label = DirectCast(e.Row.FindControl("lblEmail"), Label)
If Not IsNothing(lblEmail) Then
lblEmail.Text = DataBinder.Eval(e.Row.DataItem, "EMAIL").ToString()
End If
'*** CountryCode ***'
Dim lblCountryCode As Label = DirectCast(e.Row.FindControl("lblCountryCode"), Label)
If Not IsNothing(lblCountryCode) Then
lblCountryCode.Text = DataBinder.Eval(e.Row.DataItem, "COUNTRY_CODE").ToString()
End If
'*** Budget ***'
Dim lblBudget As Label = DirectCast(e.Row.FindControl("lblBudget"), Label)
If Not IsNothing(lblBudget) Then
lblBudget.Text = DataBinder.Eval(e.Row.DataItem, "BUDGET").ToString()
End If
'*** Used ***'
Dim lblUsed As Label = DirectCast(e.Row.FindControl("lblUsed"), Label)
If Not IsNothing(lblUsed) Then
lblUsed.Text = DataBinder.Eval(e.Row.DataItem, "USED").ToString()
End If
'*** Detail ***'
Dim hplDetail As HyperLink = DirectCast(e.Row.FindControl("hplDetail"), HyperLink)
If Not IsNothing(hplDetail) Then
hplDetail.NavigateUrl = String.Format("Detail.aspx?CustomerID={0}", DataBinder.Eval(e.Row.DataItem, "CUSTOMER_ID").ToString())
End If
End If
End Sub
End Class
Code Detail.aspx.vb (VB.Net)
Public Class Detail
Inherits System.Web.UI.Page
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Using db = New myDatabaseEntities()
' Get Param
Dim strCustomerID As String = Request.QueryString("CustomerID")
' Get data from CUSTOMER
Dim ds = (From c In db.CUSTOMER
Where c.CUSTOMER_ID = strCustomerID
Select New With { _
c.CUSTOMER_ID, _
c.NAME, _
c.EMAIL, _
c.COUNTRY_CODE, _
c.BUDGET, _
c.USED _
}).FirstOrDefault()
' Display to label
If Not IsNothing(ds) Then
Me.lblCustomerID.Text = ds.CUSTOMER_ID
Me.lblName.Text = ds.NAME
Me.lblEmail.Text = ds.EMAIL
Me.lblCountryCode.Text = ds.COUNTRY_CODE
Me.lblBudget.Text = ds.BUDGET.ToString()
Me.lblUsed.Text = ds.USED.ToString()
End If
End Using
End Sub
End Class
|
 ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท
|
|
| |
By : |
ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ) |
| |
Score Rating : |
 |
|
| |
Create/Update Date : |
2015-10-02 21:21:30 /
2017-03-24 23:01:01 |
| |
Download : |
No files |
|
|
Sponsored Links / Related |
|
|
|
|
|
|
|
|
Load balance : Server 03
