Question

我想使用gridview命令按钮（编辑）和jquery而不是回发。请帮帮我。

Answer 1

将asp按钮放在另一个项目模板中，并将其CommandName属性设置为edit。这将在网格视图中使用simillar到默认编辑按钮。然后你可以调用javascript函数并执行你的逻辑。

请参阅以下代码：

删除以下行以避免默认编辑按钮：

       <asp:CommandField ShowEditButton="true" ShowCancelButton="true"/>

添加以下内容：

        <asp:TemplateField HeaderText="headerName" >
                            <ItemTemplate>
                                <asp:Button ID="Button1" CommandName="edit" runat="server" Text="Button" />
                            </ItemTemplate>

                        </asp:TemplateField>

希望这可以帮助你..

Answer 2

我认为你可以在gridview中完成。你需要的是带有文本框的列，并在文本框中显示数据，最后需要一个按钮。

<asp:TemplateField  >
        <HeaderTemplate>
                    Values                
         </HeaderTemplate>
         <ItemTemplate>
                      <asp:textbox ID"txt" runat="server" cssclass="abc" />        
         </ItemTemplate>

  </asp:TemplateField>
  <asp:TemplateField HeaderText="Spares">
         <HeaderTemplate>
                 Edit column                   
         </HeaderTemplate>
         <ItemTemplate>
                  <asp:button id="abc" runat="server" text="save" cssclass="pqr" />  
                    <input type="hidden" runat="server" value="" />          
         </ItemTemplate>

    </asp:TemplateField>

将Id存储在隐藏字段中，可以通过jquery获取文本框和隐藏字段的值。 gridview将呈现为html表格并使用parent()我们可以找到所单击的行，找到行后，您可以使用find()查找txtbox和隐藏字段中的值。使用$ajax()或$post()将数据发送到服务器。

带有jquery的GridView编辑命令按钮

2 个答案: