在ASP.NET 2.0中操作数据之四十九：为GridView控件添加RadioButt

发布时间：2016-11-24 08:14:50 所属栏目：MsSql教程来源：站长网

导读：导言： GridView控件提供了大量的内置功能。它包含了一系列的域（field）来显示诸如text、images、hyperlinks和buttons。另外它支持模板（template）用于用户自定义界面。我们可以构建这样一个GridView控件，用户仅需要点击控件里的一个按钮，每一条记录行

　　当发生页面回传后，浏览器返回选中的radio button的name和value值.我们可以通过编程来获取值，比如：Request.Form["name"]。Request.Form属性用一个NameValueCollection来表示form变量。在这里，form变量就是发生回转时，浏览器返回的那些names和values值。因为GridView控件里的radio buttons的name属性是SuppliersGroup，当页面发生回转时，浏览器向网络服务器传回“SuppliersGroup=valueOfSelectedRadioButton”（连同其它form fields一起传回）。我们可以用Request.Form属性访问这些信息：Request.Form["SuppliersGroup"]

　　我们不仅需要在RowCreated事件处理器中确定所选radio button的index值，在Click事件处理器里同样需要。让我们在后台代码类里创建SuppliersSelectedIndex。如果没有radio button被选定则返回-1，如果有radio button被选定则返回它的index值。如下：

private int SuppliersSelectedIndex
{
 get
 {
  if (string.IsNullOrEmpty(Request.Form["SuppliersGroup"]))
   return -1;
  else
   return Convert.ToInt32(Request.Form["SuppliersGroup"]);
 }
}

　　当SuppliersSelectedIndex的值与e.Row.RowIndex的值相同时，我们应在RowCreated事件处理器里添加checked="checked"代码。修改如下：

protected void Suppliers_RowCreated(object sender, GridViewRowEventArgs e)
{
 if (e.Row.RowType == DataControlRowType.DataRow)
 {
  // Grab a reference to the Literal control
  Literal output = (Literal)e.Row.FindControl("RadioButtonMarkup");
  // Output the markup except for the "checked" attribute
  output.Text = string.Format(
   @"<input type="radio" name="SuppliersGroup" " +
   @"id="RowSelector{0}" value="{0}"", e.Row.RowIndex);
  // See if we need to add the "checked" attribute
  if (SuppliersSelectedIndex == e.Row.RowIndex)
   output.Text += @" checked="checked"";
  // Add the closing tag
  output.Text += " />";
 }
}

　　经过上述修改后，选中的radio button在页面回传后仍然处于选中状态。现在我们可以指定某个radio button处于选中状态。当第一次登录页面时我们可以指定选中GridView里的第一条记录的radio button按钮（默认状态是没有一个radio button被选中，就像现在一样）。为此，我们只需简单地将if (SuppliersSelectedIndex == e.Row.RowIndex) 改成if (SuppliersSelectedIndex == e.Row.RowIndex || (!Page.IsPostBack && e.Row.RowIndex == 0)).

　　到这一步，我们为GridView创建了一个聚合的radio buttons列。它只允许选中其中的任一条记录，并在页面发生回传后仍处于选中状态。接下来，我们将显示某个选中的供应商提供的产品。在第4步，我们将看如何将用户链接到另一个显示产品的页面，并传递该供应商的SupplierID值；在第5步，我们将探讨如何在相同页面显示供应商的产品。

　　注意：与其用TemplateField模板（在第3步讨论的那样），还不如创建一个自定义的DataControlField class类来构建用户界面并提供相关功能。DataControlField class是一个基本类，GridView和DetailsView控件中内置的BoundField、CheckBoxField、TemplateField等都源于它。如果创建自定义DataControlField的话，我们可以在声明代码中添加radio buttons列，复制其它页面的函数及应用程序也要容易些。

　　如果你在ASP.NET里创建过自定义控件的话，你应该知道那需要了解更多的知识，并且需要小心处理很多问题。因此，我们目前不用自定义DataControlField class类，还是坚持用TemplateField模板。或许我们将在以后的教程里探讨如何使用自定义DataControlField class类。

第4步：在另一个页面显示供应商的产品

　　在GridView里选中一条记录后，我们需要显示该供应商的产品。有时候下我们想在另一个页面显示产品，而有时候我们想在同一页面显示数据。首先，我们探讨如何在另一个页面显示产品，在第5步，我们将在RadioButtonField.aspx页面添加一个GridView显示产品。

　　当前，页面上有2个Button Web控件——ListProducts和SendToProducts。当点击SendToProducts时，我们希望将用户链接到位于~/Filtering/ProductsForSupplierDetails.aspx的页面。我们在教程《跨页面的主/从报表》里已经创建了该页面，供应商的SupplierID是由一个名为SupplierID的querystring field传递的。

　　为提供该功能，我们为SendToProducts的Click事件创建事件处理器。在第3步，我们添加了SuppliersSelectedIndex属性，用于返回所选行记录的index值。在如下代码中，相应的SupplierID可以从GridView控件的DataKeys集合获取，并转到~/Filtering/ProductsForSupplierDetails.aspx?SupplierID=SupplierID using Response.Redirect("url")页面。

protected void SendToProducts_Click(object sender, EventArgs e)
{
 // Send the user to ~/Filtering/ProductsForSupplierDetails.aspx
 int supplierID = 
  Convert.ToInt32(Suppliers.DataKeys[SuppliersSelectedIndex].Value);
 Response.Redirect(
  "~/Filtering/ProductsForSupplierDetails.aspx?SupplierID=" 
  + supplierID);
 }
}

　　当在GridView控件里选中一个radio button时，以上代码运行正常。但是，如果最开始GridView里没有任何radio buttons被选中，而用户又点击了SendToProducts按钮，SuppliersSelectedIndex就会赋值为-1，这将会抛出一个异常，因为在DataKeys集合里没有index为-1的情况。不过没有关系，就像在第3步中探讨的一样，修改RowCreated事件处理器，使GridView默认选中第一个radio button。

　　为了应对SuppliersSelectedIndex为-1的情况，我们在GridView上面添加一个Label Web控件，设其ID为ChooseSupplierMsg，CssClass 属性为Warning，EnableViewState和Visible属性为false，Text属性为“Please choose a supplier from the grid.”。定义在Styles.css文件里的CSS class Warning将文本显示为红色、斜体、大号加粗。通过将EnableViewState和Visible属性设置为false，该Label控件将不可见，除非在某些页面回传时，我们有意地通过编程将其Visible属性设置为true。

/uploads/allimg/c161121/14OI93Z951Z-642550.gif
图13：在GridView控件上添加一个Label Web控件

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

4/6

首页

尾页