Dzwebs.Net

撰写电脑技术杂文十余年

ASP.NET2.0中Gridview中数据控件的操作技巧中篇

Admin | 2008-7-6 18:35:17 | 被阅次数 | 7310

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

         二、访问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" onclick="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> 


该杂文来自: 网站开发杂文

上一篇:ASP.NET2.0中Gridview中数据控件的操作技巧上篇

下一篇:ASP.NET2.0中Gridview中数据控件的操作技巧下篇

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计