La actualización / cancelación del campo de comando ASP.NET GridView no se ajusta

Question

Mi pregunta es sobre el control ASP.NET GridView. Estoy usando un CommandField en la etiqueta Columnas como se ve a continuación.

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

Lo que se muestra es el que se muestra en la siguiente imagen (después de hacer clic en el botón Editar).

Como puede ver Estoy intentando que el enlace Cancelar muestre una nueva línea y mi pregunta es ¿cómo hace qué? Si cambio el ButtonType = " Enlace " to ButtonType = " Button " , obtengo la representación correcta como se muestra a continuación.

texto alternativo http://i38.tinypic.com/2pqopxi.jpg

Ya probé Google y tal vez no estoy buscando las etiquetas correctas, pero no pude ver esta dirección anteriormente.

Answer 1

Si usa un campo de plantilla, le dará un control completo sobre el aspecto de su página, pero requiere que use el CommandName y las posibles propiedades de CommandArgument, y también el uso de OnRowCommand de GridView.

La página 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>

El código detrás:

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

}

Answer 2

No use un campo de comando, use un TemplateField y coloque el botón de comando con un salto de línea (br) antes de que lo desee.