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

Question

我的网格视图的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>