El control de usuario del botón de icono está desarrollado para las siguientes operaciones comunes:
--------------------------
La página se ha guardado [icono + botón] o [ImageButton] para realizar la función de guardado general. Después de hacer clic en la operación de guardar, primero se puede realizar la verificación js de los campos relevantes de la página y luego se puede realizar el envío en segundo plano después de la verificación. se pasa. Puede responder a cambios de estilo bajo onmouseover y otros eventos.
El control de usuario del botón de icono desarrollado debe cumplir al menos los siguientes requisitos funcionales:
------------------------------------------
1. Compuesto por iconos + texto
La ruta del icono se puede modificar para que esté vacía, lo que significa que no hay ningún icono.
La visualización del texto se puede modificar.
2. Todo el sistema debe responder y procesar el evento onclick del conjunto js para el "botón de icono" en la página donde se encuentra.
Si no hay ningún evento onclick que deba manejarse, no se procesará.
3. La necesidad general de responder y manejar el evento OnClick del servidor.
Si no hay ningún evento OnClick que deba manejarse, no se procesará.
4. Es necesario desactivar la respuesta general.
Lo visible es inherente al propio control.
5. Necesidad de responder a cambios de estilo en eventos como onmouseover
La siguiente es una breve explicación del método.
1. Cree el control de usuario [icono de botón de texto]
El control contiene las siguientes partes:
Control de diseño de mesa,
Marcador de posición para imagen de salida dinámica,
Marcador de posición para texto generado dinámicamente,
Botón oculto que se activa en respuesta al evento OnClick
<tabla>
<tr runat="servidor" id="tr1" estilo="cursor:mano;" >
<td>
<asp:Literal ID="Literal1" runat="servidor"></asp:Literal>
</td>
<td>
<asp:Literal ID="Literal2" runat="servidor"></asp:Literal>
</td>
</tr>
</tabla>
<asp:ID de botón="Botón1" runat="servidor" Texto="Botón" estilo="display:none; ancho:0; alto:0;" OnClick="Botón1_Click" />
Puede agregar procesamiento de estilo onmouseover relacionado a la tabla
Contiene los siguientes atributos y procesamiento relacionados
clase pública parcial WebUserControl: System.Web.UI.UserControl
{
#region Propiedades y Eventos
//Texto del botón del control de usuario del botón de texto del icono
string _strButtonText = "Marcador de posición del botón";
cadena pública strButtonText
{
establecer { _strButtonText = valor }
obtener {return _strButtonText}
}
// Ruta del icono del control de usuario del botón de texto del icono
cadena _strImageSrc = "";
cadena pública strImageSrc
{
establecer { _strImageSrc = valor }
obtener {return _strImageSrc}
}
//Desactivado del control
bool _UCDisabled = falso;
bool públicoUCDisabled
{
colocar
{
this.tr1.Disabled = valor;
_UCDisabled = valor;
}
obtener {return _UCDisabled}
}
//Una función de procesamiento que responde al evento onclick js
cadena _strOnClickJSFun = "";
cadena pública strOnClickJSFun
{
establecer { _strOnClickJSFun = valor }
obtener {return _strOnClickJSFun}
}
//Respuesta al evento OnClick del lado del servidor
delegado público void userEvent (remitente del objeto, EventArgs e);
evento público userEvent UCOnClick;
Botón vacío protegido1_Click (remitente del objeto, EventArgs e)
{
si (this.UCOnClick! = nulo)
this.UCOnClick(esto, e);
}
#regiónfinal
Page_Load vacío protegido (remitente del objeto, EventArgs e)
{
si (!IsPostBack)
{
si (_strButtonText! = "")
{
this.Literal2.Text = _strButtonText;
}
si (_strImageSrc! = "")
{
this.Literal1.Text = "<img id='" + this.UniqueID + "Image1' src='" + _strImageSrc + "' />";
}
si(UCDisabled)
devolver;
si (_strOnClickJSFun! = "")
{
cadena strjsfun = _strOnClickJSFun.Replace(";", "").Replace("return ", "");
si (this.UCOnClick! = nulo)
{
this.tr1.Attributes.Add("onclick", "if(" + strjsfun + "){document.all." + this.UniqueID + "_Button1.click();}");
}
demás
{
this.tr1.Attributes.Add("onclick", strjsfun);
}
}
demás
{
si (this.UCOnClick! = nulo)
{
this.tr1.Attributes.Add("onclick", "document.all." + this.UniqueID + "_Button1.click();");
}
}
}
}
}
2. Utilice el control de usuario [botón de texto del icono]
<uc1:WebUserControl ID="WebUserControl1" runat="servidor" OnUCOnClick="Button1_Click" strOnClickJSFun="return fn_Check();"
strButtonText="Modificar" strImageSrc="../Images/Edit.gif" />