UpdatePanel中的ASP.NET GridView不会脱离编辑模式

时间:2012-02-07 06:12:14

标签: asp.net gridview updatepanel

我有一个非常标准的GridView,带有一个SqlDataSource,带有SelectCommand / UpdateCommand / DeleteCommand。

我正在使用Gridview的TemplateField'ed的内置命令。

CommandName="Update"
CommandName="Edit"
CommandName="Cancel"
CommandName="Delete"

一切正常,直到我将GridView放在UpdatePanel中。 1.单击“取消”或“更新”时,单击“编辑”进入编辑模式,但不会退出编辑模式。 2.当我点击“删除”按预期执行时,即使点击“编辑”,我也无法再进入编辑模式

这里有什么问题?

示例代码:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <div class="BoxFloat">
            <h4>Aliases</h4>
            <hr />
            <asp:SqlDataSource ID="sqlPersonAlias" runat="server" 
                ConnectionString="<%$ ConnectionStrings:myConnectionString %>" 
                ProviderName="<%$ ConnectionStrings:myConnectionString.ProviderName %>" 
                DeleteCommand="DELETE FROM PersonAlias WHERE PersonAliasId=?PersonAliasId"
                UpdateCommand="UPDATE PersonAlias SET AliasName=?AliasName WHERE PersonAliasId=?PersonAliasId"
                SelectCommand="SELECT * FROM PersonAlias E INNER JOIN Person P ON P.PersonId=E.PersonId WHERE Username=?Username">
                <DeleteParameters>
                    <asp:Parameter Name="PersonAliasId" />
                </DeleteParameters>
                <UpdateParameters>
                    <asp:Parameter Name="PersonAliasId" />
                    <asp:Parameter Name="AliasName" />
                </UpdateParameters>
                <SelectParameters>
                    <asp:QueryStringParameter Name="Username" QueryStringField="Username" Type="String" />
                </SelectParameters>
            </asp:SqlDataSource>
            <asp:GridView ID="gridviewPersonAlias" runat="server"
                AutoGenerateColumns="False" 
                DataKeyNames="PersonAliasId" 
                DataSourceID="sqlPersonAlias">
                <Columns>
                    <asp:TemplateField ShowHeader="False">
                        <EditItemTemplate>
                            <asp:ImageButton ID="imagebuttonCancel" ToolTip="Cancel" CommandName="Cancel" ImageUrl="~/images/cancel16.png" runat="server" />
                            &nbsp;
                            <asp:ImageButton ID="imagebuttonUpdate" ToolTip="Apply" OnClientClick="return confirm('Are you sure?');" CommandName="Update" ImageUrl="~/images/apply16.png" runat="server" />
                        </EditItemTemplate>
                        <ItemTemplate>
                            <asp:ImageButton ID="imagebuttonDelete" ToolTip="Delete" OnClientClick="return confirm('Are you sure?');" CommandName="Delete" ImageUrl="~/images/delete16.png" runat="server" />
                            &nbsp;
                            <asp:ImageButton ID="imagebuttonEdit" ToolTip="Edit" CommandName="Edit" ImageUrl="~/images/edit16.png" runat="server" />
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:BoundField DataField="AliasName" HeaderText="Alias" SortExpression="AliasName" />
                </Columns>
            </asp:GridView>
            <hr />
            <asp:TextBox ID="textboxPersonAlias" runat="server" />
            <asp:Button ID="buttonPersonAliasAdd" runat="server" Text="Add" onclick="buttonPersonAliasAdd_Click" />
        </div>

    </ContentTemplate>
</asp:UpdatePanel>

单击“更新”时,数据库将更新。似乎问题只出在客户端。

注意:我正在使用“?”而不是“@”参数,因为SqlDataSource使用的是MySq而不是MSSQL(我喜欢VS2010)。

2 个答案:

答案 0 :(得分:1)

我认为你需要的是完整的回发或刷新更新面板,因为很可能gridview没有重新绑定 首先尝试将sqldatasource放在更新面板之外。看看是否有效

答案 1 :(得分:1)

我的项目遇到了同样的问题,并解决了它。

这是我的解决方案:

protected void gvPayments_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
  //here is the edit code
  //......
  //at the end add these lines:
  gvPayments.EditIndex = -1;
  gvPayments.DataBind();
  e.Cancel = true;
}