DataGrid學(xué)習(xí)5
發(fā)表時(shí)間：2024-05-23 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]更新數(shù)據(jù)庫(kù)在 Web 應(yīng)用程序中可能經(jīng)常很棘手。針對(duì)這種情況，DataGrid 控件提供了一些使更新更容易的內(nèi)置支持。為了允許對(duì)行進(jìn)行編輯，DataGrid 支持整型 EditItemIndex 屬性，該屬性指示網(wǎng)格的哪一行應(yīng)該是可編輯的。設(shè)置了該屬性后，DataGrid 按該索引將行呈現(xiàn)為文本輸...
更新數(shù)據(jù)庫(kù)在 Web 應(yīng)用程序中可能經(jīng)常很棘手。針對(duì)這種情況，DataGrid 控件提供了一些使更新更容易的內(nèi)置支持。為了允許對(duì)行進(jìn)行編輯，DataGrid 支持整型 EditItemIndex 屬性，該屬性指示網(wǎng)格的哪一行應(yīng)該是可編輯的。設(shè)置了該屬性后，DataGrid 按該索引將行呈現(xiàn)為文本輸入框，而不是簡(jiǎn)單的標(biāo)簽。值 -1（默認(rèn)值）指示沒(méi)有行是可編輯的。頁(yè)可以在服務(wù)器端窗體中包含 DataGrid，并通過(guò) DataGrid 的對(duì)象模型獲取對(duì)編輯數(shù)據(jù)的訪問(wèn)。
為了確定哪一行應(yīng)該是可編輯的，需要一種方法接受用戶關(guān)于他們希望編輯哪一行的輸入。DataGrid 可以包含一個(gè) EditCommandColumn 來(lái)呈現(xiàn)激發(fā)三個(gè)特殊事件的鏈接：EditCommand、UpdateCommand 和 CancelCommand。EditCommandColumn 以聲明方式添加到 DataGrid 的 Columns 集合，如下面的示例所示。
<ASP:DataGrid id="MyDataGrid" runat="server"
...
OnEditCommand="MyDataGrid_Edit"
OnCancelCommand="MyDataGrid_Cancel"
OnUpdateCommand="MyDataGrid_Update"
DataKeyField="au_id"
>
<Columns>
<asp:EditCommandColumn EditText="Edit" CancelText="Cancel" UpdateText="Update" />
</Columns>
</ASP:DataGrid>
在 DataGrid 標(biāo)記本身上，將事件處理程序連到從 EditCommandColumn 激發(fā)的每個(gè)命令。這些處理程序的 DataGridCommandEventArgs 參數(shù)使您得以直接訪問(wèn)由用來(lái)設(shè)置 DataGrid 的 EditItemIndex 的客戶端選擇的索引。注意，需要重新綁定 DataGrid 以使更改生效，如下面的示例所示。
public void MyDataGrid_Edit(Object sender, DataGridCommandEventArgs E) {
MyDataGrid.EditItemIndex = (int)E.Item.ItemIndex;
BindGrid();
}
Public Sub MyDataGrid_Edit(sender As Object, E As DataGridCommandEventArgs)
MyDataGrid.EditItemIndex = E.Item.ItemIndex
BindGrid()
End Sub
public function MyDataGrid_Edit(sender:Object, E:DataGridCommandEventArgs) : void {
MyDataGrid.EditItemIndex = int(E.Item.ItemIndex);
BindGrid();
}
當(dāng)編輯某行 DataGrid 時(shí)，EditCommandColumn 呈現(xiàn) Update 和 Cancel 鏈接。如果客戶端選擇 Cancel，只需將 EditItemIndex 設(shè)置回 -1。但如果客戶端選擇 Update，則需要對(duì)數(shù)據(jù)庫(kù)執(zhí)行更新命令。執(zhí)行更新查詢要求知道希望更新的行的數(shù)據(jù)庫(kù)中的主鍵。為支持此要求，DataGrid 公開(kāi)一個(gè)可以設(shè)置為主鍵字段名的 DataKeyField 屬性。在連到 UpdateCommand 的事件處理程序中，可以從 DataGrid 的 DataKeys 集合檢索鍵名。使用事件的 ItemIndex 在此集合中索引，如下面的示例所示。
myCommand.Parameters["@Id"].Value = MyDataGrid.DataKeys[(int)E.Item.ItemIndex];
myCommand.Parameters("@Id").Value = MyDataGrid.DataKeys(CType(E.Item.ItemIndex, Integer))
myCommand.Parameters["@Id"].Value = MyDataGrid.DataKeys[int(E.Item.ItemIndex)];
在 Update 事件處理程序的最后，將 EditItemIndex 設(shè)置回 -1。下面的示例說(shuō)明此代碼的運(yùn)行。
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.SqlClient" %>
<html>
<script language="C#" runat="server">
SqlConnection myConnection;
protected void Page_Load(Object Src, EventArgs E)
{
myConnection=new SqlConnection("server=jeff;uid=sa;password=;database=pubs");
if (!IsPostBack)
BindGrid();
}
public void MyDataGrid_Edit(Object sender, DataGridCommandEventArgs e)
{
MyDataGrid.EditItemIndex = (int)e.Item.ItemIndex;
BindGrid();
}
public void MyDataGrid_Cancel(Object sender, DataGridCommandEventArgs e)
{
MyDataGrid.EditItemIndex = -1;
BindGrid();
}
public void MyDataGrid_Update(Object sender, DataGridCommandEventArgs e)
{
String updateCmd = "UPDATE Authors SET au_lname = @LName, au_fname = @FName, phone = @Phone, "
+ "address = @Address, city = @City, state = @State, zip = @Zip, contract = @Contract where au_id = @Id";
SqlCommand myCommand = new SqlCommand(updateCmd, myConnection);
myCommand.Parameters.Add(new SqlParameter("@Id", SqlDbType.NVarChar, 11));
myCommand.Parameters.Add(new SqlParameter("@LName", SqlDbType.NVarChar, 40));
myCommand.Parameters.Add(new SqlParameter("@FName", SqlDbType.NVarChar, 20));
myCommand.Parameters.Add(new SqlParameter("@Phone", SqlDbType.NChar, 12));
myCommand.Parameters.Add(new SqlParameter("@Address", SqlDbType.NVarChar, 40));
myCommand.Parameters.Add(new SqlParameter("@City", SqlDbType.NVarChar, 20));
myCommand.Parameters.Add(new SqlParameter("@State", SqlDbType.NChar, 2));
myCommand.Parameters.Add(new SqlParameter("@Zip", SqlDbType.NChar, 5));
myCommand.Parameters.Add(new SqlParameter("@Contract", SqlDbType.NVarChar,1));
myCommand.Parameters["@Id"].Value = MyDataGrid.DataKeys[(int)e.Item.ItemIndex];
String[] cols = {"@Id","@LName","@FName","@Phone","@Address","@City","@State","@Zip","@Contract"};
int numCols = e.Item.Cells.Count;
for (int i=2; i<numCols-1; i++) //跳過(guò)第一、第二和最后一列
{
String colvalue =((TextBox)e.Item.Cells[i].Controls[0]).Text;
// 檢查在所需字段中是否有空值
if (i<6 && colvalue == "")
{
Message.InnerHtml = "錯(cuò)誤：“作者 ID”、“姓名”或“電話”不允許使用空值";
Message.Style["color"] = "red";
return;
}
myCommand.Parameters[cols[i-1]].Value = colvalue;
}
//追加最后一行，將 true/false 值轉(zhuǎn)換為 0/1
if (String.Compare(((TextBox)e.Item.Cells[numCols-1].Controls[0]).Text, "True", true)==0)
myCommand.Parameters["@Contract"].Value = "1";
else
myCommand.Parameters["@Contract"].Value = "0";
myCommand.Connection.Open();
try
{
myCommand.ExecuteNonQuery();
Message.InnerHtml = "<b>已更新記錄</b><br>" + updateCmd;
MyDataGrid.EditItemIndex = -1;
}
catch (SqlException exc)
{
if (exc.Number == 2627)
Message.InnerHtml = "錯(cuò)誤：已存在具有相同主鍵的記錄";
else
Message.InnerHtml = "錯(cuò)誤：未能更新記錄，請(qǐng)確保正確填寫了字段";
Message.Style["color"] = "red";
}
myCommand.Connection.Close();
BindGrid();
}
public void BindGrid()
{
SqlDataAdapter myCommand = new SqlDataAdapter("select * from Authors", myConnection);
DataSet ds = new DataSet();
myCommand.Fill(ds, "Authors");
MyDataGrid.DataSource=ds.Tables["Authors"].DefaultView;
MyDataGrid.DataBind();
}
</script>
<body style="font: 10.5pt 宋體">
<form runat="server" ID="Form1">
<h3><font face="宋體">更新數(shù)據(jù)行</font></h3>
<span id="Message" EnableViewState="false" style="font: arial 11pt;" runat="server" /><p>
<ASP:DataGrid id="MyDataGrid" runat="server" Width="800" BackColor="#ccccff" BorderColor="black" ShowFooter="false" CellPadding="3" CellSpacing="0" Font-Name="Verdana" Font-Size="8pt" HeaderStyle-BackColor="#aaaadd" OnEditCommand="MyDataGrid_Edit" OnCancelCommand="MyDataGrid_Cancel" OnUpdateCommand="MyDataGrid_Update" DataKeyField="au_id">
<Columns>
<asp:EditCommandColumn EditText="編輯" CancelText="取消" UpdateText="更新" ItemStyle-Wrap="false" />
</Columns>
</ASP:DataGrid>
</form>
</body>
</html>
