最近一直在忙于工作项目的事,因此也许久未更新。这次更新一篇,在项目中遇见的一个奇特需求的解决方法。
在项目中,遇见一个需求,老板需要在表格中,加入单选框。
需求模板:需求如图中的工艺做法判定和质量判定。
在这个项目中,表格,我们使用的是asp:GridView。单选框我准备使用asp:RadioButtonList。
需要在GridView中自定义列,则需要使用自定义模板asp:TemplateField。
具体前台代码
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4"
ForeColor="#333333" GridLines="None"
OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing"
OnRowUpdating="GridView1_RowUpdating"
OnRowCancelingEdit="GridView1_RowCancelingEdit" CssClass="DataGridBorder"
Width="900" Font-Size="16px" OnRowDataBound="GridView1_RowDataBound">
<FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
<Columns>
<asp:BoundField DataField="Serial" HeaderText="序号" ReadOnly="true" HeaderStyle-Width="60" />
<asp:BoundField DataField="Position" HeaderText="部位名称" ReadOnly="true" HeaderStyle-Width="100" />
<asp:TemplateField HeaderText="工艺做法判定">
<ItemTemplate>
<asp:RadioButtonList
ID="CraftWay" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow">
<asp:ListItem Value="正确">正确</asp:ListItem>
<asp:ListItem Value="错误">错误</asp:ListItem>
</asp:RadioButtonList>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="质量判定">
<ItemTemplate>
<asp:RadioButtonList
ID="Quality" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow">
<asp:ListItem Value="合格">合格</asp:ListItem>
<asp:ListItem Value="不合格">不合格</asp:ListItem>
</asp:RadioButtonList>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="DetailNote" HeaderText="备注说明" HeaderStyle-Width="150" />
<asp:CommandField HeaderText="选择" ShowSelectButton="True" />
<asp:CommandField HeaderText="编辑" ShowEditButton="True" />
<asp:CommandField HeaderText="删除" ShowDeleteButton="True" />
</Columns>
<RowStyle CssClass="DataGridHeadr" />
<SelectedRowStyle CssClass="GridViewSelectedRowStyle" />
<PagerStyle CssClass="DataGridPager" />
<HeaderStyle CssClass="GridViewHeaderStyle" />
</asp:GridView>
后台获取表格单选框信息代码
for (int i = 0; i < GridView1.Rows.Count; i++)
{
DataRow newRow = dtInfo.NewRow();
//部位
string position = GridView1.DataKeys[i]["Position"].ToString();
// position == " ":防止为空时,获取的是: :
if (position == " ") position = "";
newRow["Position"] = position;
//标识
string serial = GridView1.Rows[i].Cells[0].Text;
if (serial == " ") serial = "";
newRow["Serial"] = serial;
// 工艺做法判定
string craftWay = ((RadioButtonList)(GridView1.Rows[i].FindControl("CraftWay"))).Text;
newRow["CraftWay"] = craftWay;
// 质量判定
string quality = ((RadioButtonList)(GridView1.Rows[i].FindControl("Quality"))).Text;
newRow["Quality"] = quality;
//备注说明
string detailNote = GridView1.Rows[i].Cells[4].Text;
if (detailNote == " ") detailNote = "";
newRow["DetailNote"] = detailNote;
dtInfo.Rows.Add(newRow);
}
使用 RadioButtonList)(GridView1.Rows[i].FindControl("单选框ID") 可以获取到该行的单选框,再用 .Text 可以获取到选择的选项数据。用循环读取,可以获取到整个 GridView 表格信息。
后台绑定数据到前台代码
// 副表单选框处理
protected void TableRadlSelect()
{
for (int i = 0; i < dtInfo.Rows.Count; i++)
{
// 根据数据绑定,如果为空则清空单选框的选择,不为空则绑定选项
if (dtInfo.Rows[i]["CraftWay"].ToString() == "" || dtInfo.Rows[i]["CraftWay"] == null)
{
// 清空选项选择
((RadioButtonList)(GridView1.Rows[i].FindControl("CraftWay"))).Items[0].Selected = false;
((RadioButtonList)(GridView1.Rows[i].FindControl("CraftWay"))).Items[1].Selected = false;
}
else
{
// 绑定选项
((RadioButtonList)(GridView1.Rows[i].FindControl("CraftWay"))).Text = dtInfo.Rows[i]["CraftWay"].ToString();
}
if (dtInfo.Rows[i]["Quality"].ToString() == "" || dtInfo.Rows[i]["Quality"] == null)
{
((RadioButtonList)(GridView1.Rows[i].FindControl("Quality"))).Items[0].Selected = false;
((RadioButtonList)(GridView1.Rows[i].FindControl("Quality"))).Items[1].Selected = false;
}
else
{
((RadioButtonList)(GridView1.Rows[i].FindControl("Quality"))).Text = dtInfo.Rows[i]["Quality"].ToString();
}
}
}
对于后台绑定数据到前台展示,我创建了一个方法,每次需要使用的时候,调用这个方法进行绑定。