使用DataGrid控制項新增單選框時,如果直接在範本中加入RadioButton伺服器控件,由於.Net的機制,無法將這些RadioButton在客戶端出現在同一個群組裡面。這時我們可以使用Radio標籤來實現。
下面是HMTL 頁面程式碼
<form id="Form1" method="post" runat="server">
<asp:datagrid id="DataGrid1" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateColumn>
<ItemTemplate>
<input type="radio" name="rdo" <%# GetChecked(DataBinder.Eval(Container, "DataItem")) %> value='<%# DataBinder.Eval(Container, "DataItem") %>'<%# DataBinder.Eval(Container, "DataItem") %>'>
<asp:Label runat="server" Text='<%# DataBinder.Eval(Container, "DataItem") %>' ID="Label1">
</asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:datagrid><br>
<asp:Button id="btnOk" runat="server" Text="確定"></asp:Button>
下面是Page_Load中的資料綁定代碼
Dim arr As New ArrayList
arr.Add("新聞綜合")
arr.Add("綜藝")
arr.Add("電影")
arr.Add("教育")
arr.Add("戲劇")
arr.Add("軍事")
arr.Add("體育")
DataGrid1.DataSource = arr
DataGrid1.DataBind()
下面是btnOk_Click中取得選擇項目的程式碼
Response.Write(Request.Form("rdo"))
下面是設定綁定項目中哪個Radio被中的函式
Public Function GetChecked(ByVal str As String) As String
If str = Request.Form("rdo") Then
Return "checked"
Else
Return ""
End If
End Function