[英]Select one Gridview row with radio button ASP.NET
我有一個 Gridview 綁定到一個帶有單選按鈕列的數據庫表,我想用單個單選按鈕選擇一行。 是否需要一個單選按鈕組? 我有上面帶有復選框的代碼,但我想將其更改為單選按鈕。 我認為單選按鈕代碼是相似的。 謝謝你。 我正在使用 ASP.NET C#
<asp:GridView ID="DateGrid" runat="server" CellPadding="4" ForeColor="#333333"
GridLines="None" >
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:RadioButton ID="RowSelector" runat="server" GroupName="SelectGroup" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
背后的代碼:
foreach (GridViewRow row in DateGrid.Rows)
{
if (row.RowType == DataControlRowType.DataRow)
{
CheckBox chkRow = (row.Cells[0].FindControl("DateChBox") as CheckBox);
if (chkRow.Checked)
{
startdate = row.Cells[2].Text;
enddate = row.Cells[3].Text;
這可能會幫助你
前面的代碼
<asp:GridView ID="gv" runat="server" AutoGenerateColumns="false" Width="100%">
<Columns>
<asp:TemplateField HeaderText="Select">
<ItemTemplate><asp:RadioButton ID="RowSelector" runat="server" onclick="checkRadioBtn(this);" /></ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Start Date">
<ItemTemplate><asp:Label ID="lblStartDate" runat="server" Text='<%# DateTime.Now.ToString("MM/dd/yyyy") %>'></asp:Label></ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="End Date">
<ItemTemplate><asp:Label ID="lblEndDate" runat="server" Text='<%# DateTime.Now.ToString("MM/dd/yyyy") %>'></asp:Label></ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
當您選中其他單選按鈕時,Javascript 將取消選中其他
<script type="text/javascript">
function checkRadioBtn(id) {
var gv = document.getElementById('<%=gv.ClientID %>');
for (var i = 1; i < gv.rows.length; i++) {
var radioBtn = gv.rows[i].cells[0].getElementsByTagName("input");
// Check if the id not same
if (radioBtn[0].id != id.id) {
radioBtn[0].checked = false;
}
}
}
</script>
用於綁定目的的代碼隱藏...
protected void Page_Load(object sender, EventArgs e)
{
// Check
if (!IsPostBack)
{
// Varaible
DataTable dt = new DataTable();
dt.Columns.Add("A");
dt.Columns.Add("B");
for (int i = 0; i < 3; i++) dt.Rows.Add(i.ToString(), i.ToString());
// Bind
gv.DataSource = dt;
gv.DataBind();
}
}
這可以通過在單選按鈕上啟用 AutoPostBack 從后端完成:
<asp:RadioButton ID="RowSelector" runat="server" GroupName="SelectGroup" Checked="false" AutoPostBack="true" OnCheckedChanged="rd_CheckedChanged" />
並在 OnCheckedChanged 事件中使用以下代碼:
static int rdChecked = -1; //Use this variable to store the last checked row
protected void rd_CheckedChanged(object sender, EventArgs e)
{
if (rdChecked != -1)
{
RadioButton rdSelection = DateGrid.Rows[rdChecked].FindControl("RowSelector") as RadioButton;
rdSelection.Checked = false;
}
for (int i = 0; i < DateGrid.Rows.Count; i++)
{
RadioButton rdSelection = DateGrid.Rows[i].FindControl("RowSelector") as RadioButton;
if (rdSelection.Checked)
{
rdChecked = i;
}
}
}
<asp:GridView ID="DateGrid" runat="server" DataSourceID="sdsData">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:RadioButton ID="chk" ClientIDMode="Static" runat="server" onclick="$('[id=chk]').prop('checked' , '');$(this).prop('checked' , 'checked');"></asp:RadioButton>
<asp:HiddenField ID="hdn" runat="server" Value='<%# Eval("Fserial") %>' />
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" Width="20px" />
</asp:TemplateField>
<asp:BoundField DataField="Fname" HeaderText="Name" SortExpression="Fname" />
</Columns></asp:GridView>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.