asp.net - ejemplos - telerik asp net c#
¿Para qué se usa el control literal y cuál es la diferencia para el control de etiqueta en asp.net? (8)
¿Para qué se usa el control literal en asp.net? y ¿Cuál es la diferencia entre ellos y el control de etiqueta?
Como menciona splattne, la etiqueta encierra su texto en un lapso, mientras que el literal es simplemente un marcador de posición. Sin embargo, tenga cuidado al hacer suposiciones sobre cómo los controles de ASP.Net van a rendir. Puede depender del agente de usuario que está utilizando. Por ejemplo, el control del panel se representa como un div en IE, pero se representa como una tabla con Firefox.
El control de etiqueta también tiene la propiedad AssociatedControlId que asocia la etiqueta con otro control. Un ejemplo de dónde esto es útil es con un control de cuadro de texto. Una vez que están asociados, los lectores de pantalla pueden dar mejores resultados.
Otro ejemplo es un botón de opción con una etiqueta que le permite hacer clic en la etiqueta y el botón de radio seleccionará si está configurada la propiedad AssociatedControlId.
La principal diferencia es que Label Control agrega la etiqueta span al texto (propiedad) que configura, lo que permite aplicarle un estilo:
<span>My Label text</span>
Literal Control le permite generar cualquier tipo de contenido. Puede usarlo para representar scripts, hmtl y cualquier otro tipo de contenido de documentos. No cambia la cadena que proporciona en la propiedad Texto.
Nota: el control Label le permite representar HTML directamente también, pero pone todo el texto en etiquetas de span como se mencionó. Por lo tanto, para representar grandes porciones de HTML, el control literal es el camino a seguir.
PD: en HTML hay una <label> . Si utiliza la propiedad AssociatedControlId del control Label, se representará como HTML <label> (gracias a Ray por señalar eso).
Por ejemplo:
<asp:Label runat="server" id="FirstNameLabel" AssociatedControlId="FirstNameTextBox">
Input First Name:
</asp:Label>
<asp:Textbox runat="server" id="FirstNameTextBox" />
Se representará como:
<label for="FirstNameTextbox" id="FirstNameLabel">Input first name:</label>
<input type="text" id="FirstNameTextbox" name="FirstNameTextBox" />
Ver también aquí en W3 Schools.
Pondrá LITERALMENTE el texto que coloques en la página. Puede usarlo para escribir html, JavaScript o simplemente texto sin formato.
Se utiliza para mostrar texto en la página, el texto que se muestra se puede establecer en tiempo de ejecución a través del código del lado del servidor.
También hay que tener en cuenta que si solo lo está usando para mostrar algo y no necesita formatear el texto, use un control Literal. ViewState no es tan pesado con un control Literal frente a un Label y cuando tienes muchos de estos en una página usando ViewState, puede realmente aumentar el tamaño de tu página.
Siempre me pregunto, ¿necesito aplicar un estilo o formato personalizado? Sí, usa una etiqueta. No, usa un Literal.
- Podemos usar el control literal en la etiqueta del título, mientras que la etiqueta no se puede usar en la etiqueta del título
- La etiqueta se puede usar para establecer el foco en otros controles como Textbox. Mientras que Literal simplemente rander el texto estático en la página web
1. En muchos sentidos, un control literal es similar a un control de etiqueta. Ambos controles se utilizan para mostrar texto en un formulario web. La propiedad Text se puede establecer en el HTML o en el código subyacente.
2. El control de etiqueta envuelve el texto en una etiqueta span cuando se procesa. Cualquier estilo que se aplique al control Label se representará con la propiedad style de la etiqueta span.
Por ejemplo, el siguiente HTML
<asp:Label ID="Label1" runat="server" Text="Lable Text"
ForeColor="Red" Font-Bold="true" ></asp:Label>
Se representará como
<span id="Label1" style="color:Red;font-weight:bold;">Lable Text</span>
3. Un control literal, no genera ninguna etiqueta circundante. El texto se muestra tal cual.
Por ejemplo, el siguiente HTML
<asp:Literal ID="Literal1" runat="server"
Text="Literal Control Text"></asp:Literal>
se representará como
Texto de control literal
4. Si desea aplicar cualquier estilo a un control de etiqueta que no sea el control literal de otra manera
8. El control literal es un control de peso ligero, en comparación con el control de etiqueta.