首現(xiàn)我們拖入一個(gè)DataGridView控件到.aspx頁面中，然后綁定你需要顯示的列，具體代碼如下。
復(fù)制代碼 代碼如下:
asp:GridView ID="gvDepartList" runat="server" AutoGenerateColumns="False"
Height="108px" Width="600px" OnRowDeleting="gvDepartList_RowDeleting" RowDataBound="gvDepartList_RowDataRound">
Columns>
asp:TemplateField HeaderText="部門名稱" >
ItemTemplate>
asp:Label runat="server" style="text-align:center" Text='%# Eval("DepartName") %>' />
/ItemTemplate>
/asp:TemplateField>
asp:BoundField HeaderText="機(jī)構(gòu)" DataField="BranchId" />
asp:BoundField HeaderText="負(fù)責(zé)人" DataField="PrincipalUser" />
asp:BoundField HeaderText="聯(lián)系電話" DataField="ConnectTelNo" />
asp:BoundField HeaderText="移動(dòng)電話" DataField="ConnectMobileTelNo"/>
asp:BoundField HeaderText="傳真" DataField="Faxes" />
asp:TemplateField HeaderText="修改">
ItemTemplate>
asp:ImageButton ID="ImageButton1" ImageUrl="../images/edit.gif" CommandArgument='%#Eval("DepartId") %>' CommandName="delete" runat="server" />
/ItemTemplate>
/asp:TemplateField>
asp:TemplateField HeaderText="刪除">
ItemTemplate>
asp:ImageButton ImageUrl="../images/delete.gif" CommandArgument='%#Eval("DepartId") %>' CommandName="delete" runat="server" />
/ItemTemplate>
/asp:TemplateField>
/Columns>
/asp:GridView>
二：在這個(gè).aspx頁面后臺(tái)的Page_load事件中綁定數(shù)據(jù)。
復(fù)制代碼 代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
gvDepartList.DataSource= new DepartInfoManager().GetDepartInfos(-1);
gvDepartList.DataBind();
}
}
如果我們想添加一個(gè)DataGridView的光棒效果，就是每一行鼠標(biāo)懸浮上去變動(dòng)背景色啦。
復(fù)制代碼 代碼如下:
/// summary>
/// 動(dòng)態(tài)注冊(cè)腳本(在GridView控件呈現(xiàn)之前) 光棒效果
/// /summary>
/// param name="sender">/param>
/// param name="e">/param>
protected void gvUsers_RowDataBound(object sender, GridViewRowEventArgs e)
{
//此處判斷只有在數(shù)據(jù)行在進(jìn)行腳本注冊(cè)
if (e.Row.RowType == DataControlRowType.DataRow)
{
//光棒效果
e.Row.Attributes.Add("onmouseover","currentcolor=this.style.backgroundColor;this.style.backgroundColor='#6699ff'");
e.Row.Attributes.Add("onmouseout ", "this.style.backgroundColor=currentcolor");
LinkButton lnkbtnDel = e.Row.FindControl("lnkbtnDel") as LinkButton;
lnkbtnDel.Attributes.Add("onclick", "return confirm('確定刪除嗎?')");
}
}
現(xiàn)在重點(diǎn)來了，怎么一行的數(shù)據(jù)呢？既然是刪除，我們肯定是要根據(jù)一條數(shù)據(jù)的ID來刪除了，那么我們?cè)赑age_load方法中加入一段代碼：
gvDepartList.DataKeyNames = new string[] { "id"};//這個(gè)代碼是什么意思呢，就是每一行設(shè)置一個(gè)鍵，這個(gè)鍵就是用來操作數(shù)據(jù)的。
現(xiàn)在我們用另外一種方法刪除，看到頁面中的倒數(shù)第二列，沒錯(cuò)，是一個(gè)ImageButtom控件，這個(gè)控件是放了一個(gè)刪除按鈕的小圖標(biāo)，CommandArgument是干什么的呢？CommandName又是干什么的呢？CommandArgument就是指定我們要操作的參數(shù)，CommandName就是指令這個(gè)按鈕是要干什么？這里用到的是刪除，我們寫上Delete。
復(fù)制代碼 代碼如下:
asp:TemplateField HeaderText="刪除">
ItemTemplate>
asp:ImageButton ImageUrl="../images/delete.gif" CommandArgument='%#Eval("DepartId") %>' CommandName="delete" runat="server" />
/ItemTemplate>
/asp:TemplateField>
接下來就是后臺(tái)操作代碼了，可以看到這個(gè)DataGridView綁定了一個(gè)OnRowDeleting事件，這個(gè)事件就是用來刪除的。
然后我們?cè)谶@個(gè)事件寫上這樣的代碼。
復(fù)制代碼 代碼如下:
/// summary>
/// 刪除選中的行
/// /summary>
/// param name="sender">/param>
/// param name="e">/param>
protected void gvDepartList_RowDeleting(object sender, GridViewDeleteEventArgs e)
{
ImageButton buttom = gvDepartList.Rows[e.RowIndex].FindControl("btnDelete") as ImageButton;
string departId = buttom.CommandArgument.ToString();
if (manage.DeleteDepart(departId))
{
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "script>alert('刪除成功!');/script>");
BindDepartInfos();//重新綁定數(shù)據(jù)
}
else
{
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "script>alert('刪除失敗!');/script>");
}
}
為了更好的用戶體驗(yàn)，我們可以不使用這個(gè)Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "script>alert('刪除成功!');/script>");
可以選擇在頁面中顯眼的地方放一個(gè)label控件，設(shè)計(jì)Visible=false;隱藏它，然后刪除成功后，利用這個(gè)Label控件來提示用戶，刪除成功！
您可能感興趣的文章:- asp.net小孔子cms中的數(shù)據(jù)添加修改
- asp.net連接數(shù)據(jù)庫 增加，修改，刪除，查詢代碼
- asp.net 刪除，更新數(shù)據(jù)庫方法
- asp.net 不用GridView自帶刪除功能,刪除一行數(shù)據(jù)
- ASP.NET Mvc開發(fā)之刪除修改數(shù)據(jù)
