Cómo limitar el número de palabras mostradas en GridView
Hay tres formas de implementarlo. Las dos primeras se implementan en código C# (el principio es el mismo) y la tercera se implementa en CSS.
En el código 1.cs: la interceptación de cadenas Remove() se realiza en los elementos que desean procesarse en RowDataBound de GridView.
En la página 2.aspx: el par de etiquetas de plantilla de elemento de datos lt; ItemTemplategt de GridView está vinculado a Eval al atributo correspondiente del texto que se muestra en el control, y SubString también se usa como el final interceptado y mostrado. texto.
Por ejemplo:
lt; asp:TemplateField
HeaderText="Descripción"gt;
lt;ItemTemplategt;
lt; asp:Label
ID="lbl"
runat="servidor"
Text='lt;#Eval("Descripción " ).ToString()
gt; 12?Eval("Descripción").ToString().Remove(10) "...": Eval("Descripción").ToString()
gt;'gt;lt;/asp:Labelgt;
lt;/ItemTemplategt;
lt;/asp:TemplateFieldgt;
3 Método .CSS: este método requiere la configuración de Ancho para cada columna de GridView.
El estilo CSS es el siguiente:
.content
{
ancho:
100;
espacio en blanco:
nowrap;
desbordamiento:
oculto;
desbordamiento de texto:
elipsis;
/*Reemplazar la parte truncada con puntos suspensivos*/
}
Cuando se usa, asigna este estilo CSS a la columna donde se va a truncar la cadena Simplemente suba.
Como por ejemplo:
lt;asp:TemplateField
HeaderText="Reason"gt;
lt;ItemTemplategt;
lt;asp : Etiqueta
ID="lblDescripción"
runat="servidor"
Texto='lt;#Eval("Descripción")
gt;'
ToolTip='lt;#Eval("Descripción").ToString()
gt;'gt;lt;/asp:Labelgt;
lt;/ItemTemplategt;
lt;HeaderStyle
Ancho="750px"
Wrap="false"
/ gt;
lt;ItemStyle
Wrap="false"
HorizontalAlign="Left"
CssClass="content"< / p>
/gt;
lt;/asp: TemplateFieldgt;
Las ventajas y desventajas de los tres métodos:
1. flexible, no es necesario establecer el ancho de la celda y el código está centralizado. Desventajas: dado que se implementa en el código de fondo, después de la modificación, es necesario compilar la biblioteca de clases DLL, lo que es más inconveniente para el mantenimiento.
2. Ventajas: Igual que 1, Desventajas: Igual que 1. Al mismo tiempo, el código está relativamente disperso y es incómodo de administrar.
3. Ventajas: Implementado en CSS, sencillo de usar y fácil de usar. Desventajas: es necesario establecer el ancho de cada columna.
Cada uno de los tres métodos tiene sus pros y sus contras, y debes elegir la mejor solución según las diferentes situaciones.