asp.net - ASP.NET GridView CommandField 更新/取消不换行

Question

我的问题是关于 ASP.NET GridView 控件。我在 Columns 标记中使用 CommandField，如下所示。

<asp:CommandField ShowEditButton="True" HeaderStyle-Width="40px" UpdateText="Save" ButtonType="Link" HeaderStyle-Wrap="true" ItemStyle-Wrap="true" ItemStyle-Width="40px"/>

如下图所示（单击编辑按钮后）。

正如你所看到的，我试图让取消链接显示一个新行，我的问题是你是怎么做的？如果我将 更改ButtonType="Link"为ButtonType="Button"，我会正确渲染，如下所示。

替代文字 http://i38.tinypic.com/2pqopxi.jpg

我已经尝试过谷歌，也许我没有在正确的标签上搜索，但我之前看不到这个标签。

Answer 1

如果您使用模板字段，它将让您完全控制页面的外观，但它要求您使用 CommandName 和可能的 CommandArgument 属性，以及使用 GridView 的 OnRowCommand。

aspx 页面：

<asp:GridView id="gvGrid" runat="server" OnRowCommand="gvGrid_Command">
 <Columns>
  <asp:TemplateField>
   <ItemTemplate>
    Some Stuff random content
    <br />
    <asp:LinkButton id="lbDoIt" runat="server" CommandName="Cancel"  CommandArgument="SomeIdentifierIfNecessary" />
   </ItemTemplate>
  </asp:TemplateField>
 </Columns>
</asp:GridView>

后面的代码：

protected void gvGrid_Command(object sender, GridViewCommandEventArgs e)
{
 if(e.CommandName=="Cancel")
 {
   // Do your cancel stuff here.
 }

}

Answer 2

不要使用命令字段，请使用TemplateField并将命令按钮放在其中，并在它之前添加一个换行符 (br)，就像你想要的那样。