访问gridview中的各类控件

最新推荐文章于 2024-04-04 09:21:01 发布

goodwaterwwf

最新推荐文章于 2024-04-04 09:21:01 发布

阅读量711

点赞数

文章标签： dataset javascript asp radiobutton server button

http://dev.yesky.com/msdn/483/2329483.shtml

访问gridview中的各类控件

　　在gridview中，经常要访问其中的各类控件，比如dropdownlist,radiobutton,checkbox等，下面归纳下在gridview中访问各类控件的方法。

　　首先看下如何在gridview中访问dropdownlist控件。假设在一个gridviw中，展现的每条记录中都需要供用户用下拉选择的方式选择dropdownlist控件中的内容，则可以使用如下代码，当用户选择好gridview中的dropdownlist控件的选项后，点击按钮，则系统打印出用户到底选择了哪些dropdownlist控件，并输出它们的值。

public DataSet PopulateDropDownList()
{
　SqlConnection myConnection =new SqlConnection(ConfigurationManager.ConnectionStrings["MyDatabase"].ConnectionString);
　SqlDataAdapter ad = new SqlDataAdapter("SELECT * FROM tblPhone", myConnection);
　DataSet ds = new DataSet();
　ad.Fill(ds, "tblPhone");
　return ds;
}

　　上面的代码首先将数据库中tblphone表的数据以dataset的形式返回。然后在页面的itemtemplate中，如下设计：

＜ItemTemplate＞
＜asp:DropDownList ID="DropDownList1" runat="server" DataSource="＜%# PopulateDropDownList() %＞"
DataTextField="Phone" DataValueField = "PhoneID"＞
＜/asp:DropDownList＞
＜/ItemTemplate＞

　　这里注意dropdownlist控件的datasource属性绑定了刚才返回的dataset（调用了populatedropdownlist()方法）,并要注意设置好datatextfield和datavaluefield属性。

　　然后，在button的事件中，写入以下代码：

protected void Button2_Click(object sender, EventArgs e)
{
　StringBuilder str = new StringBuilder();
　foreach (GridViewRow gvr in GridView1.Rows)
　{
　　string selectedText = ((DropDownList)gvr.FindControl("DropDownList1")).SelectedItem.Text;
　　str.Append(selectedText);
　}
　Response.Write(str.ToString());
}

　　这里，我们用循环，来获得每一行的dropdownlist控件的值，并且将值添加到字符串中最后输出。

　　接着，我们来看下如何访问gridview控件中的checkbox控件。经常在gridview控件中，需要给用户多项选择的功能，这个时候就需要使用checkbox控件。首先我们建立一个模版列，其中有checkbox如下：

＜asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True"
AutoGenerateColumns="False" DataKeyNames="PersonID" DataSourceID="mySource" Width="366px" CellPadding="4" ForeColor="#333333" GridLines="None"＞
＜Columns＞
＜asp:CommandField ShowSelectButton="True" /＞
＜asp:BoundField DataField="PersonID" HeaderText="PersonID" InsertVisible="False"
ReadOnly="True" SortExpression="PersonID" /＞
＜asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" /＞
＜asp:TemplateField HeaderText="Select"＞
＜ItemTemplate＞
＜asp:CheckBox ID="chkSelect" runat="server" /＞
＜/ItemTemplate＞
＜HeaderTemplate＞
＜/HeaderTemplate＞
＜/asp:TemplateField＞
＜/Columns＞
＜/asp:GridView＞

　　为了示意性地讲解如何得到用户选择的checkbox，可以增加一个按钮，当用户选择gridview中的选项后，点该按钮，则可以输出用户选了哪些选项，在按钮的CLICK事件中写入如下代码：

for (int i = 0; i ＜ GridView1.Rows.Count; i++)
{
　GridViewRow row = GridView1.Rows[i];
　bool isChecked = ((CheckBox) row.FindControl("chkSelect")).Checked;
　if (isChecked)
　{
　　str.Append(GridView1.Rows[i].Cells[2].Text);
　}
}
Response.Write(str.ToString());

　　接下来，我们添加一个全选的选择框，当用户选择该框时，可以全部选择gridview中的checkbox.首先我们在headtemplate中如下设计：

＜HeaderTemplate＞
＜input id="chkAll" οnclick="javascript:SelectAllCheckboxes(this);" runat="server" type="checkbox" /＞
＜/HeaderTemplate＞

　　javascript部分的代码如下所示：

＜script language=javascript＞
function SelectAllCheckboxes(spanChk){
　var oItem = spanChk.children;
　var theBox=(spanChk.type=="checkbox")?spanChk:spanChk.children.item[0];
　xState=theBox.checked;
　elm=theBox.form.elements;
　for(i=0;i＜elm.length;i++)
　if(elm[i].type=="checkbox" && elm[i].id!=theBox.id)
　{
　　if(elm[i].checked!=xState)
　　elm[i].click();
　}
}
＜/script＞