在gridview中只选择一个复选框并编辑该选中的行

时间:2011-11-14 14:19:46

标签: c# javascript jquery asp.net

我有一个gridview,它有一个列作为asp复选框控件,我希望用户可以选中一个复选框并单击编辑按钮来编辑该特定行

我的代码是

                 <asp:GridView runat="server" CssClass="width" ID="gvGrades" AutoGenerateColumns="false" ShowHeader="true" OnRowCancelingEdit="gvGrades_RowCancelingEdit"                            OnRowCommand="gvGrades_RowCommand" OnRowDataBound="gvGrades_RowDataBound" OnRowEditing="gvGrades_RowEditing"                               OnRowUpdated="gvGrades_RowUpdated" OnRowUpdating="gvGrades_RowUpdating" OnRowDeleting="gvGrades_RowDeleting">
                            <Columns>
                                <asp:TemplateField>
                                    <HeaderTemplate>
                                        Select

                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:CheckBox ID="chkSelect" class="asp" runat="server"  />

                                        <asp:Label ID="lblId" runat="server" Text='<%# Bind("id") %>' Visible="false"></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField>
                                    <HeaderTemplate>
                                        Grade Name
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="lblName" runat="server" Text='<%# Bind("grade_name") %>'></asp:Label>
                                    </ItemTemplate>

                                 </asp:TemplateField>
                                <asp:TemplateField>
                                    <HeaderTemplate>
                                        Organization Name
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="lblOrganizationName" runat="server" Text='<%# Bind("organization_name") %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField>
                                    <HeaderTemplate>
                                        Minimum Basic Salary
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="lblSalary" runat="server" Text='<%# Bind("min_basic_salary") %>'></asp:Label>
                                    </ItemTemplate>

                                </asp:TemplateField>
                                <asp:TemplateField>
                                    <ItemTemplate>
                                        <asp:LinkButton runat="server" ID="lnkDelete" CommandName="Delete" Text="Delete"></asp:LinkButton>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField>
                                    <ItemTemplate>
                                        <asp:LinkButton runat="server" ID="lnkEdit" CommandName="Edit" Text="Edit"></asp:LinkButton>
                                    </ItemTemplate>

                                </asp:TemplateField>
                            </Columns>
                        </asp:GridView>
                    </fieldset>
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:Button Text="Add" Width="70px" ID="btnAdd" runat="server" OnClick="btnAdd_Click" />&nbsp;&nbsp;
            <asp:Button Text="Edit" ID="btnEdit" Width="70px" runat="server" OnClick="btnEdit_Click"
                />

请提供编辑按钮的代码单击

感谢

2 个答案:

答案 0 :(得分:1)

使用可以使用GridView.SelectedIndexChanged事件。

你可能会做这样的事情

<asp:TemplateField >
            <ItemTemplate>     
                <asp:CheckBox ID="chb1" AutoPostBack="true" runat="server" />
            </ItemTemplate>
 </asp:TemplateField>

您可以设置编辑enable=false,然后在回发中设置enable=true

protected void GVSelectedIndexChanged(object sender, GridViewRowEventArgs e)
{
            var check = (CheckBox) e.Row.FindControl("chb1");
            if(check != null)
            {
                    // do something
            }
}

答案 1 :(得分:0)

按照以下步骤启用编辑按钮,不使用回发[使用javascript]

  1. 注册Gridview的OnRowDataBound事件。

  2. 使用itemindex [在Onrowbound事件中]找到复选框和编辑按钮

  3. 找到复选框后,使用参数[编辑按钮ID]注册javascript函数onchange事件

  4. 然后您将获得javascript中的“编辑”按钮

  5. 添加javascript启用代码。

  6. 如果您有任何问题或疑问,请与我们联系。