Cómo encapsular archivos JS y CSS como controles del lado del servidor
Luego: cree un archivo de clase de fecha CalendarBox.cs usando el siguiente código:
Use System
Use System.Collections.Generic
;Usar System.ComponentModel;
Usar System.ComponentModel;
Usar System.ComponentModel;
Usar System.ComponentModel;
Utilice System.ComponentModel.
usando System.Text
usando System.Web
usando System.Drawing
usando System.Web.UI;
usando System.Web.UI.WebControls
public bool ShowTime
{
get
{
bool s = (bool)ViewState["ShowTime"];
if (ViewState["ShowTime"] != null)
{
devuelve s;
}
devuelve falso;
}
establece
{
ViewState["ShowTime"] = valor;
}
}
/**//// resumengt;
// Presta atención al archivo de estilo
/// lt;/summarygt;
// lt;param name="path"gt;lt;/paramgt;
private void RegisterCssFile(ruta de cadena)
{
HtmlLink enlace1 = nuevo HtmlLink();
enlace1.Attributes["tipo" ] = "texto/css";
link1.Attributes["rel"] = "hoja de estilo";
link1.Attributes["href"] = ruta;
this.Page.Header.Controls.Add(link1);
}
}
}
} p>
Nota: [ensamblaje: WebResource("Wisesoft.Web.Control.Wisesoft.Calendar.calendar.js", "application/x-javascript".PerformSubstitution=true)] se utiliza para encapsular sus archivos JS. Agregue el nombre de su proyecto al nombre de su archivo JS. También debe configurar su archivo JS. Seleccione el bloque derecho y seleccione propiedades - gt; luego seleccione generar acción - gt; De esta forma, el archivo JS se puede encapsular. Por supuesto, lo mismo ocurre si hay imágenes o archivos CSS.
Nuevamente
void Page_PreRenderComplete(objeto remitente, EventArgs e)
{
Page.ClientScript.RegisterClientScriptResource( this.GetType() , "Wisesoft.Web.Control.Wisesoft.Calendar.calendar.js");
}
Esto es para registrar su archivo JS en la página antes de que se procese.
[Bindable(true)]
[Categoría("Configuración de iconos")]
[DefaultValue("imagin/calender.gif")] p>
[Localizable(true)]
Utilice la información de metadatos reflejada para establecer propiedades. Agregará un pequeño icono al lado de su control de fecha, convirtiéndolo en una propiedad que el programador puede configurar de forma personalizada o usted puede heredarla.
Bien, eso es todo para el archivo JS, veamos cómo se encapsula y escribe el archivo CSS en el cliente.
Podemos ver los siguientes métodos:
/**//// lt; resumengt
// Presta atención al archivo de estilo
//lt;/summarygt;
// lt;param name="path"gt;lt;/paramgt;
private void RegisterCssFile(ruta de cadena)
{
HtmlLink enlace1 = nuevo HtmlLink();
enlace1.Attributes["tipo"] = " texto/css";
link1 .Attributes["rel"] = "hoja de estilo";
link1.Attributes["href"] = ruta;
this.Page.Header.Controls.Add(link1 );
}.
Se utiliza para registrar tus archivos CSS, como todos sabemos, en el código de la página, lt;link href="StyleSheet.css" rel="stylesheet" type="text/css" /gt ; Se pueden importar archivos de estilo externos. Este método hace precisamente eso. Por lo tanto, todavía no tenemos un archivo de estilo.
Así que tenemos que crear un CSS y configurarlo (de la misma forma que JS). Luego simplemente llame al método void Page_PreRenderComplete (remitente del objeto, EventArgs e), pero hay otros métodos. Introduzcamos el segundo método (este método también se puede usar para archivos JS), cree un archivo CalendarCSS.cs, el código es el siguiente. :
usando System;
usando System.Collections.Generic;
usando System.Text;
espacio de nombres Wisesoft.Web.Control