劉仲博
(1.寧夏職業(yè)技術學院 寧夏 銀川750002;2.寧夏廣播電視大學,寧夏 銀川750002)
.NET中包括GridView、FormView和DetailsView在內的很多數(shù)據(jù)控件,對數(shù)據(jù)源的更新、排序和分頁顯示功能都是通過和它綁定的數(shù)據(jù)源進行數(shù)據(jù)交互實現(xiàn)。但是由于DataList不能和數(shù)據(jù)源進行直接雙向交互[1],因而不能直接利用數(shù)據(jù)源控件已經(jīng)封裝好的更新、排序和分頁顯示功能。如果想在DataList中對數(shù)據(jù)源的數(shù)據(jù)進行插入操作,此時需要開發(fā)人員手工完成代碼,從而完成對數(shù)據(jù)源進行數(shù)據(jù)插入的目的。
在 DataList中對數(shù)據(jù)源的數(shù)據(jù)進行插入時,一般使用的是FooterTemplate模板,而不是使用編輯模板 EditItemTemplate,在FooterTemplate模板上對需要插入的數(shù)據(jù)進行布局和設置,在項模板中包括一個按鈕,然后將該按鈕的CommandName屬性設置為Insert[2],然后在響應ItemCommand事件時與數(shù)據(jù)源進行直接雙向交互,以實現(xiàn)對數(shù)據(jù)插入的目的。
下面具體地講述一下,在DataList中對數(shù)據(jù)源的數(shù)據(jù)進行插入的方法:
①先在SQL SERVER數(shù)據(jù)庫中創(chuàng)建一個新的數(shù)據(jù)庫TestDB和一張表MyTable,并在表MyTable中插入兩行數(shù)據(jù),主要參考代碼如下:
②在.ASPX頁面中放入一個按鈕,然后給按鈕添加一個OnClick事件,并讓這個事件調用自定義的InsertMode_Clk方法,以便用戶在點擊這個按鈕時就進入DataList的數(shù)據(jù)插入模式,之所以采用這樣的設計,主要是考慮到DataList只在需要使用數(shù)據(jù)插入的操作時才進入數(shù)據(jù)插入模式,否則就不需要進入數(shù)據(jù)插入模式,參考代碼如下:
③在.ASPX頁面對應的.CS文件中實現(xiàn)InsertMode_Clk方法,實現(xiàn)它的方法是在其中將DataList1的FooterTemplate模板顯示出來,在這個模板上可以對需要插入的數(shù)據(jù)進行布局和設置,以實現(xiàn)對數(shù)據(jù)插入的目的,參考代碼如下:
上述代碼如果不想放在.CS文件中而是想放在.ASPX頁面中,那就先在頁面的</head>后加入如下代碼:<script runat="server"></ script>,然后將上面的InsertMode_Clk方法放在</script>前面。
④在.ASPX頁面中放入一個 DataList,其 ID設為 DataList1,DataSourceID設為 SqlDataSource1,ShowHeader設為 true,ShowFooter初始設為false,并給這個DataList添加一個OnItemCommand事件,并讓這個事件調用自定義的 DataList1_InsertCommand方法,然后在DataList1中的<FooterTemplate>對數(shù)據(jù)插入進行布局和設置,這里只放入兩個TextBox文本框和兩個LinkButton按鈕,其中兩個文本框用于接收用戶的輸入,之所以放兩個文本框,是因為它們是要分別插入到數(shù)據(jù)庫的主鍵列和非主鍵列,其操作是不一樣的,其中一個LinkButton按鈕是在用戶點擊后將數(shù)據(jù)插入到數(shù)據(jù)源,另一個LinkButton按鈕是在用戶點擊后退出DataList的數(shù)據(jù)插入模式,這里需要注意,實現(xiàn)數(shù)據(jù)插入的按鈕其CommandName屬性要設置為Insert,實現(xiàn)退出數(shù)據(jù)插入模式的按鈕不用設置CommandName屬性,但要添加一個OnClick事件,并讓這個事件調用自定義的CancelIns_Clk方法,以便用戶在點擊這個按鈕時就退出數(shù)據(jù)插入模式,DataKeyField的值user_id是數(shù)據(jù)庫的主鍵列,為了減少代碼,這里省略了布局常用的表格,參考代碼如下:
⑤在.ASPX頁面對應的.CS文件中實現(xiàn)CancelIns_Clk方法,實現(xiàn)它的方法是在其中將DataList1的FooterTemplate取消顯示,從而取消數(shù)據(jù)插入界面,參考代碼如下:
上述代碼如果不想放在.CS文件中而是想放在.ASPX頁面中,可以先在頁面的</head>后加入如下代碼:<script runat="server"></ script>,然后將上面的CancelIns_Clk方法放在</script>前面,注意,如果<script runat="server"></script>已經(jīng)添加過,就不用重復添加,直接放入上面的CancelIns_Clk方法就可以了。
⑥在.ASPX頁面中放入一個 SqlDataSource, 其 ID設為SqlDataSource 1,這樣DataList1就可以顯示SqlDataSource1的數(shù)據(jù),讓SelectCommand="SELECT [user_id],[username]FROM [TestDB].[dbo]. [MyTable]",這樣SqlDataSource1將顯示TestDB中MyTable表的user_id列和username列的數(shù)據(jù),然后再讓InsertCommand="INSERT INTO [TestDB].[dbo].[MyTable](user_id, username)VALUES (@user_id, @username)",這樣SqlDataSource1的插入操作將最終插入到[TestDB]中[MyTable]表的user_id列和username列中,最后讓ConnectionString="<%$ConnectionStrings:TestDB%>">,這樣SqlDataSource1就可以調用web.config文件中<connectionStrings>下的name="TestDB"的連接串,插入?yún)?shù)中將user_id和username設置為String型,參考代碼如下:
⑦在.ASPX頁面對應的.CS文件中實現(xiàn)DataList1_InsertCommand方法,實現(xiàn)它的方法是先判斷一下,如果點擊的是插入命令,我們就找到相應的TextBox,然后將它們的值保存到變量中,然后將它們的值分別設置成SqlDataSource1相應的插入?yún)?shù),再對SqlDataSource1進行數(shù)據(jù)插入,插入完成后,為了在DataList1中取消編輯狀態(tài),讓編輯項的索引等于-1,為了讓這些操作立即生效,需要重新綁定DataList1,參考代碼如下:
上述代碼如果不想放在.CS文件中而是想放在.ASPX頁面中,可以先在頁面的</head>后加入如下代碼:<script runat="server"></ script>,然后在</script>前面放入將上面的DataList1_InsertCommand方法,注意,如果<script runat="server"></script>已經(jīng)添加過,就不用重復添加,直接放入上面的DataList1_InsertCommand方法就可以了。
⑧打開 web.config文件,然后找到<configuration>中的:<connectionStrings/>
并將其刪除,然后重新為數(shù)據(jù)庫添加連接,下面連接字符串的server、database、uid、pwd等參數(shù)對應的值需要根據(jù)不同的機器做相應的調整,在<connectionStrings>下添加name="TestDB"的連接串,參考代碼如下:
經(jīng)過上面的處理后,在頁面中點擊進入數(shù)據(jù)插入模式按鈕后,就會顯示需要輸入數(shù)據(jù)文本框,在輸入正確的數(shù)據(jù)后,點擊插入按鈕,DataList就可以對數(shù)據(jù)源的數(shù)據(jù)進行插入操作了。
[1]DataList Web服務器控件概述 [OL].http://msdn.microsoft.com/zh-cn/library/ es4e4e0e.aspx.
[2]DataList.FooterTemplate 屬 性 [OL].http://msdn.microsoft.com/zh-cn/library/ system.web.ui.webcontrols.datalist.footertemplate.aspx.