集各種技巧于一身的DataGrid
發(fā)表時(shí)間：2024-05-31 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]RequiredFieldValidator控件用來(lái)校驗(yàn)一個(gè)輸入框中是否輸入了值，RegularExpressionValidator控件用來(lái)進(jìn)行正則表達(dá)是的匹配。關(guān)于正則表達(dá)式的說(shuō)明請(qǐng)參閱其他資料. 其中ControlToValidate屬性就是需要校驗(yàn)的文本框的ID號(hào).標(biāo)簽中的文本就是在校驗(yàn)不...
RequiredFieldValidator控件用來(lái)校驗(yàn)一個(gè)輸入框中是否輸入了值，RegularExpressionValidator控件用來(lái)進(jìn)行正則表達(dá)是的匹配。關(guān)于正則表達(dá)式的說(shuō)明請(qǐng)參閱其他資料.
其中ControlToValidate屬性就是需要校驗(yàn)的文本框的ID號(hào).標(biāo)簽中的文本就是在校驗(yàn)不成功的時(shí)候顯示出來(lái)的提示,Display屬性則是提示信息的顯示方式.
DataGrid中<Columns>標(biāo)簽內(nèi)的內(nèi)容就是DataGrid的列了，列中還可以添加模版列，對(duì)應(yīng)每一模版列，可以有<ItemTemplate>,<EditItemTemplate>,<HeaderTemplate>,<FooterTemplate>幾個(gè)標(biāo)簽，其中<ItemTemplate>就是DataGrid在正常顯示的時(shí)候列的標(biāo)簽了,<EditTemplate>也就是在編輯狀態(tài)中的DataGrid列的樣式了.
在這些標(biāo)簽中我們可以插入控件,然后在后臺(tái)代碼中用DataGrid1.Item[i].FindControls(“Coltrol Name”)可以對(duì)DataGrid中的控件進(jìn)行操作.
為了在DataGeid為編輯狀態(tài)的時(shí)候控制DataGrid包含控件的狀態(tài),我們可以用CSS樣式定義,將下面代碼加入aspx文件的</head>和<Body>中，然后在<asp:TextBox>標(biāo)簽中加入CssClass=“myClass“即可改片控件的樣式。（跟普通的方法沒(méi)什么區(qū)別啦，呵呵。）
<style type="text/css">.myTextBox { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #000000 1px solid; WIDTH: 80px; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 20px }
</style>
這里只給出了部分代碼，如需要完整代碼，請(qǐng)來(lái)信索取。cheaper_c@sina.com
----------------------------------------------------------下面是運(yùn)行時(shí)屏幕接圖-----------------------------------------
------------------------------------------------部分后臺(tái)代碼---------------------------------------------------------
private new void DataBind()
{
DataBind("au_fname");
}
//重載DataBind()方法,方便DataGrid中進(jìn)行排序
private void DataBind(string sortfield)
{
ds = new DataSet();
da = new SqlDataAdapter("SELECT * FROM authors_new",conn);
da.Fill(ds,"authors");
DataView source = ds.Tables["authors"].DefaultView;
source.Sort = sortfield;
DataGrid1.DataSource = source;
DataGrid1.DataBind();
SqlDataAdapter ddl_da = new SqlDataAdapter("SELECT DISTINCT state FROM authors_new",conn);
ddl_da.Fill(ddl_table);
RegClientScript();
}
//這段方法參照了vzxq兄的《在DataGrid頁(yè)眉上添加全選的CheckBox控件》一文
//原文地址: http://blog.csdn.net/vzxq/archive/2004/09/13/103156.aspx
private void RegClientScript()
{
//對(duì)于DataGrid1.Controls[0],大家可以參看vzxq兄的另一篇文章
//http://blog.csdn.net/vzxq/archive/2004/09/13/103167.aspx
foreach (DataGridItem item in DataGrid1.Controls[0].Controls)
{
if (item.ItemType == ListItemType.Header)
{
CheckBox chkAll=(CheckBox)item.FindControl("ChkAll");
System.Text.StringBuilder strScript = new System.Text.StringBuilder("<script language='javascript'> \n");
strScript.Append(" function checkStatus() { \n");
strScript.Append(" var bAll = true; \n");
strScript.Append(" bAll = document.all('" + chkAll.ClientID + "').checked; \n");
for(int i=0; i<DataGrid1.Items.Count ; i++)
{
strScript.Append(" document.all('" + DataGrid1.Items[i].Cells[0].FindControl("CheckBox1").ClientID + "').checked = bAll; \n");
}
strScript.Append(" } \n");
strScript.Append("</script> \n");
if(!Page.IsClientScriptBlockRegistered("checkStatus"))
Page.RegisterClientScriptBlock("checkStatus",strScript.ToString());
chkAll.Attributes.Add("onclick","checkStatus()");
break;
}
}
}
//當(dāng)點(diǎn)擊”編輯”按鈕的時(shí)候觸發(fā)的服務(wù)器端函數(shù)
//首先將Panel的Visible屬性設(shè)置為false,因?yàn)楫?dāng)DataGrid在編輯狀態(tài)時(shí)單元格中的控件(如TextBox)會(huì)將DataGeid撐寬
//擠到我們添加記錄的panel就不好看了.
public void Grid_Edit(object sender, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
Panel1.Visible = false;
DataGrid1.EditItemIndex = (int)e.Item.ItemIndex;
DataBind();
System.Web.UI.WebControls.DropDownList ddl_state = (DropDownList)DataGrid1.Items[(int)e.Item.ItemIndex].FindControl("edit_state");
ddl_state.DataSource = ddl_table.DefaultView;
ddl_state.DataTextField = "state";
ddl_state.DataBind();
for(int i=0;i<ddl_table.Rows.Count;i++)
{
if(((Label)e.Item.FindControl("lbl_state")).Text==ddl_table.Rows[i][0].ToString())
{
//這段代碼的作用是對(duì)編輯狀態(tài)中的DataGrid中的控件附值.ddl_table就是前面我們創(chuàng)建的DataTable
ddl_state.SelectedIndex = i;
break;
}
}
}
//取消DataGrid編輯狀態(tài)的時(shí)候觸發(fā)的服務(wù)器端代碼
public void Grid_Cancel(object sender, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
Panel1.Visible = true;//將panel顯示出來(lái)
DataGrid1.EditItemIndex = -1;
this.DataBind();
}
//點(diǎn)擊”更新”按鈕是觸發(fā)的函數(shù),更新數(shù)據(jù)庫(kù)中的記錄
public void Grid_Update(object sender, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
int pageindex = DataGrid1.CurrentPageIndex;
SqlCommand cmd = new SqlCommand();
cmd.CommandText = "UPDATE authors_new SET au_id=@au_id, au_lname=@au_lname, au_fname=@au_fname, phone=@phone, address=@address, state=@state, zip=@zip, city=@city, contract=@contract WHERE au_id = @au_id";
cmd.Parameters.Add(new SqlParameter("@au_id",SqlDbType.VarChar,11));
cmd.Parameters["@au_id"].Value = e.Item.Cells[1].Text;
cmd.Parameters.Add(new SqlParameter("@au_lname",SqlDbType.VarChar,40));
cmd.Parameters["@au_lname"].Value = ((TextBox)e.Item.FindControl("edit_lname")).Text;
cmd.Parameters.Add(new SqlParameter("@au_fname",SqlDbType.VarChar,20));
cmd.Parameters["@au_fname"].Value = ((TextBox)e.Item.FindControl("edit_fname")).Text;
cmd.Parameters.Add(new SqlParameter("@phone",SqlDbType.Char,12));
cmd.Parameters["@phone"].Value = ((TextBox)e.Item.FindControl("edit_phone")).Text;
cmd.Parameters.Add(new SqlParameter("@address",SqlDbType.VarChar,40));
cmd.Parameters["@address"].Value = ((TextBox)e.Item.FindControl("edit_address")).Text;
cmd.Parameters.Add(new SqlParameter("@state",SqlDbType.VarChar,40));
cmd.Parameters["@state"].Value = ((DropDownList)e.Item.FindControl("edit_state")).SelectedItem.Value;
cmd.Parameters.Add(new SqlParameter("@zip",SqlDbType.Char,5));
cmd.Parameters["@zip"].Value = ((TextBox)e.Item.FindControl("edit_zip")).Text;
cmd.Parameters.Add(new SqlParameter("@city",SqlDbType.VarChar,20));
cmd.Parameters["@city"].Value = ((TextBox)e.Item.FindControl("edit_city")).Text;
cmd.Parameters.Add(new SqlParameter("@contract",SqlDbType.Char,1));
if(((CheckBox)e.Item.FindControl("edit_contract")).Checked)
{
cmd.Parameters["@contract"].Value = "1";
}
else
{
cmd.Parameters["@contract"].Value = "0";
}
cmd.Connection = conn;
try
{
conn.Open();
cmd.ExecuteNonQuery();
conn.Close();
}
catch(Exception ex)
{
Label1.Text = ex.Message.ToString();
}
finally
{
cmd.Dispose();
}
DataGrid1.EditItemIndex = -1;
DataBind();
Panel1.Visible = true;
DataGrid1.CurrentPageIndex = pageindex;
}
//排序
public void Grid_Sort(object sender, System.Web.UI.WebControls.DataGridSortCommandEventArgs e)
{
DataBind(e.SortExpression);
}
//分頁(yè)
public void Grid_Page(object sender, System.Web.UI.WebControls.DataGridPageChangedEventArgs e)
{
DataGrid1.EditItemIndex = -1;
Panel1.Visible = true;
DataGrid1.CurrentPageIndex = e.NewPageIndex;
DataBind();
}
//向數(shù)據(jù)庫(kù)中插入記錄
private void Button2_Click(object sender, System.EventArgs e)
{
SqlCommand cmd = new SqlCommand();
cmd.CommandText= "INSERT INTO authors_new (au_id, au_lname, au_fname, phone, address, state, zip, city, contract) VALUES (@au_id, @au_lname, @au_fname, @phone, @address, @state, @zip, @city, @contract)";
cmd.Parameters.Add(new SqlParameter("@au_id",SqlDbType.VarChar,11));
cmd.Parameters["@au_id"].Value = txt_id.Text;
cmd.Parameters.Add(new SqlParameter("@au_lname",SqlDbType.VarChar,40));
cmd.Parameters["@au_lname"].Value = txt_lname.Text;
cmd.Parameters.Add(new SqlParameter("@au_fname",SqlDbType.VarChar,20));
cmd.Parameters["@au_fname"].Value = txt_fname.Text;
cmd.Parameters.Add(new SqlParameter("@phone",SqlDbType.Char,12));
cmd.Parameters["@phone"].Value = txt_phone.Text;
cmd.Parameters.Add(new SqlParameter("@address",SqlDbType.VarChar,40));
cmd.Parameters["@address"].Value = txt_address.Text;
cmd.Parameters.Add(new SqlParameter("@state",SqlDbType.VarChar,40));
cmd.Parameters["@state"].Value = txt_state.Text;
cmd.Parameters.Add(new SqlParameter("@zip",SqlDbType.Char,5));
cmd.Parameters["@zip"].Value = txt_zip.Text;
cmd.Parameters.Add(new SqlParameter("@city",SqlDbType.VarChar,20));
cmd.Parameters["@city"].Value = txt_city.Text;
cmd.Parameters.Add(new SqlParameter("@contract",SqlDbType.Char,1));
if(chk_contract.Checked)
{
cmd.Parameters["@contract"].Value = "1";
}
else
{
cmd.Parameters["@contract"].Value = "0";
}
cmd.Connection = conn;
try
{
conn.Open();
cmd.ExecuteNonQuery();
conn.Close();
}
catch(Exception ex)
{
Label1.Text = ex.Message.ToString();
}
finally
{
cmd.Dispose();
}
DataBind();
}
----------------------------------------------------------部分前臺(tái)代碼-----------------------------------------------------------------------
<asp:datagrid id="DataGrid1" OnEditCommand="Grid_Edit" OnCancelCommand="Grid_Cancel" OnUpdateCommand="Grid_Update" AutoGenerateColumns="False" AllowSorting="True" OnPageIndexChanged="Grid_Page" OnSortCommand="Grid_Sort" AllowPaging="True">
<Columns>
<asp:TemplateColumn>
<HeaderTemplate>
<asp:CheckBox ID="ChkAll" Runat="server"></asp:CheckBox>全選
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server"></asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:BoundColumn Visible="False" DataField="au_id" ReadOnly="True"></asp:BoundColumn>
<asp:TemplateColumn SortExpression="phone" HeaderText="電話">
<ItemTemplate>
<asp:Label Runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"phone")%>'>
</asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox CssClass="myTextBox" Runat="server" ID="edit_phone" Text='<%# DataBinder.Eval(Container.DataItem, "phone")%>'>
</asp:TextBox>
<asp:RequiredFieldValidator ID="phonereqval" Runat="server" ControlToValidate="edit_phone" Display="Dynamic">*</asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="phoneregval" Runat="server" ControlToValidate="edit_phone" Display="Dynamic"
ValidationExpression="[0-9]{3} [0-9]{3}-[0-9]{4}">*電話號(hào)碼格式xxx xxx-xxxx</asp:RegularExpressionValidator>
</EditItemTemplate>
</asp:TemplateColumn>
</Columns>
<PagerStyle HorizontalAlign="Center" ForeColor="White" BackColor="#000084" Mode="NumericPages"></PagerStyle>
</asp:datagrid>
（出處：Viphot）
