[習題]DataBinding？資料繫結？資料綁定？ #6 -- 傷腦筋的 GridView加總、小計

2010-10-12

15959
0
ADO.NET / LINQ / SQL / Entity
2015-02-16

快來救我啊！這題我解不出來啊～.......

DataBinding Expression（資料繫結運算式）加上GridView1_RowDataBound事件

結果出包了！

之前有兩個範例，頗為有趣：

文章一： DataBinding？資料繫結？資料綁定？ #4--繫結運算式原來可以這樣用？(DataSet / DataReader)

文章二： [習題]GridView樣版內部，改用CheckBox/Radio/DropDownList（單/複選）控制項，取代TextBox

(這篇文章有三種解法，我使用第三種方法來作。)

=========================================================================================

我把這兩個範例混合起來，發現一件怪事。

本範例可以放在「下集 / ASP.NET專題實務 II -- 範例集與 4.0新功能」

的第六章作為補充習題！

Q：我想要用 DataBinding Expression（資料繫結運算式），如同上面的文章一。
        來撰寫 GridView的「加總」功能。
        下圖是學生資料，我要增加一個新的「總分」欄位放在最後。


這是一個很簡單的功能，有很多方法可以完成。

您不一定要依照我的方法來作，至少有三種方法可以做出相同結果。

正確運作的結果應該類似（圖一）：

但我剛好上課講解到DataBinding Expression（資料細節運算式）
所以想用類似的方法做出來。

融合上面兩篇文章的技巧，寫出來的成果竟然會是這樣？！(請看下面，圖二）
讓我大吃一驚！！！

錯誤的狀況 --

1). 使用上面「文章一」的技巧來作，後置程式碼的「公用變數」搭配HTML網頁裡面的DataBinding Expression（資料細節運算式）。

2). 再來搭配「文章二」的 GridView1_RowDataBound事件.....照理來說應該萬無一失啊！

但是.....第一列記錄一定會出現 0，

真正的第一列資料，卻出現在第二列了。

我放一個正確的藍色GridView給您比對看看.......這結果實在傷腦筋！！！

錯誤的程式（上圖二）如下：

HTML畫面：

使用這個技巧 DataBinding？資料繫結？資料綁定？ #4--繫結運算式原來可以這樣用？(DataSet / DataReader)

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
 DataKeyNames="id" DataSourceID="SqlDataSource1"
 onrowdatabound="GridView1_RowDataBound" >
 <Columns>
 <asp:BoundField DataField="id" HeaderText="id" InsertVisible="False"
 ReadOnly="True" SortExpression="id" />
 <asp:BoundField DataField="name" HeaderText="name" SortExpression="name" />
 <asp:BoundField DataField="student_id" HeaderText="student_id"
 SortExpression="student_id" />
 <asp:BoundField DataField="city" HeaderText="city"
 SortExpression="city" />
 <asp:TemplateField HeaderText="chinese" SortExpression="chinese">
 <ItemTemplate>
 <asp:Label ID="Label2" runat="server" Text='<%# myNO1 %>'></asp:Label>
 </ItemTemplate>
 </asp:TemplateField>
 <asp:TemplateField HeaderText="math" SortExpression="math">
 <ItemTemplate>
 <asp:Label ID="Label1" runat="server" Text='<%# myNO2 %>'></asp:Label>
 </ItemTemplate>
 </asp:TemplateField>
 <asp:TemplateField HeaderText="總分 （自己動手加入的欄位）">
 <ItemTemplate>
 
 <%# myTotal %>
 </ItemTemplate>
 </asp:TemplateField>
 </Columns>
 </asp:GridView>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"
 ConnectionString="<%$ ConnectionStrings:testConnectionString %>"
 SelectCommand="SELECT * FROM [student_test]"></asp:SqlDataSource>

後置程式碼：

使用這個技巧，請看 [習題]GridView樣版內部，改用CheckBox/Radio/DropDownList（單/複選）控制項，取代TextBox

(這篇文章有三種解法，我使用第三種方法來作。)

//----自己寫的（宣告）----
03

using System.Web.Configuration;
04

using System.Data;
05

using System.Data.SqlClient;
06

//----自己寫的----
07

//== 重點 =================================
11

//== 必須設定為 public。否則就會視為 private而發生錯誤。
12

public int myNO1, myNO2, myTotal;
13

public int i = 0;
14

//=======================================
15

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
18

{
19

//----連結資料庫----
20

SqlConnection Conn = new SqlConnection("資料庫連結字串");
21

SqlDataAdapter myAdapter = new SqlDataAdapter("select * from student_test", Conn);
22

23 DataSet ds = new DataSet();
24

25
26

myAdapter.Fill(ds, "s_test"); //---- 執行SQL指令。取出資料放進 DataSet。
27

28 //註解：執行SQL指令之後，把資料庫撈出來的結果，交由畫面上 DataBinding Expression來呈現。
29

//****************************************
30

33 if (e.Row.RowType == DataControlRowType.DataRow)
34

{
35

myNO1 = Convert.ToInt32(ds.Tables["s_test"].Rows[i]["chinese"]);
36

myNO2 = Convert.ToInt32(ds.Tables["s_test"].Rows[i]["math"]);
37

38 myTotal = myNO1 + myNO2;
39

40 i++;
41

}
42

}

為什麼會出錯呢？？？

.......WHY? WHY?? WHY???

本文未完，待續。請看下一篇文章的解答：

[習題]DataBinding？資料繫結？資料綁定？ #7 -- 傷腦筋的 GridView加總、小計（原來如此 / 範例下載）

http://www.dotblogs.com.tw/mis2000lab/archive/2010/10/12/databinding_7_gridview_rowcreated.aspx

我將思想傳授他人，他人之所得，亦無損於我之所有；

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson

線上課程教學，遠距教學 (Web Form 約 51hr) https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

線上課程教學，遠距教學 (ASP.NET MVC 約 140hr) https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

寫信給我，不要私訊 -- mis2000lab (at) yahoo.com.tw 或 school (at) mis2000lab.net

(1) 第一天 ASP.NET MVC5 完整影片（5.5小時 / .NET 4.x版）免費試聽。影片 https://youtu.be/9spaHik87-A

(2) 第一天 ASP.NET Core MVC 完整影片（3小時 / .NET Core 6.0~8.0）免費試聽。影片 https://youtu.be/TSmwpT-Bx4I

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm 。 https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b

ASP.NET遠距教學、線上課程（Web Form + MVC）。第一天課程， "完整" 試聽。

......... facebook社團 https://www.facebook.com/mis2000lab ......................

......... YouTube (ASP.NET) 線上教學影片 https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/

Blog文章 "附的範例" 無法下載，請看 https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download

請看我們的「售後服務」範圍（嚴格認定）。

......................................................................................................................................................

ASP.NET MVC => .NET Core MVC 線上教學 ...... 第一天課程完整內容 "免費"讓您評估 / 試聽

[遠距教學、教學影片] ASP.NET (Web Form) 課程上線了！MIS2000Lab.主講事先錄好的影片，並非上課側錄！觀看時，有如「一對一」面對面講課。

回首頁

ASP.NET專題實務 WebForm + MVC線上教學影片 -- MIS2000Lab.

MIS2000 Lab.已推出20餘本電腦書，曾任資策會專任講師與微軟MVP。自.NET 1.x起，已出版15本ASP.NET (Web Form)書籍，也有遠距教學線上教程教學影片