更改CommandField“更新”和“取消”按钮的位置？

Question

我的gridview的CommandField看起来像这样：

<asp:CommandField ShowEditButton="true" ItemStyle-Width="70px" />

单击“编辑”将显示“更新”和“取消”按钮，如下所示：

是否有一种简单方法来更改这两个按钮的位置，使它们看起来像这样？

Answer 1

如果使用TemplateField，并为按钮保留CommandName（编辑，更新，取消，删除），则可以在GridView中为它们提供任何样式和位置。

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="true" OnRowDataBound="GridView1_RowDataBound">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>

                <asp:LinkButton ID="LinkButton1" runat="server" CommandName="Edit">Edit</asp:LinkButton>

            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField>
            <ItemTemplate>

                <asp:LinkButton ID="LinkButton1" runat="server" CommandName="Delete">Update</asp:LinkButton>

            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>