LinkSubmitScript

Descripcion

Wrapper al componente de Tapestry LinkSubmit que muestra una ventana modal. Esta ventana puede ser utilizada para avisar al usuario que se esta realizando una tarea. La ventana modal no es un popup, esta hecha con dhtml.

Ver tambien

LinkSubmitScript

Parametros

NombreTipoDireccionRequeridoDefaultDescripcion
listenerorg.apache.tapestry.IActionListenerinnoEl listener que se llamara al hacer click.
disabledbooleaninnoSi el valor es false, no se renderizara el link.
selectedjava.lang.ObjectinnoEste parametro sera actualizado con el valor del parametro tag una vez que se haga click en el vinculo.
tagjava.lang.ObjectinnoSe utiliza en combinacion con el parametro selected para saber que link se utilizo.

Mas informacion

  • Body: Eliminado
  • Parametros informales: Permitidos
  • Parametros reservados: name, href

Ejemplo

En el archivo .page se define el componente:

    <component id="btnCalcular" type="LinkSubmitScript"/>

en el html ingresamos el tag para renderizar el vinculo, utilizando un texto para que muestre:

        <a jwcid="btnCalcular">Calcular la funcion</a>

En el mismo html debemos insertar el html de la ventana que se mostrara

TODO: poner esto como asset y que se pueda sobreescribir.

<link rel="stylesheet" type="text/css" href="/css/subModal.css"/>
<div id="popupMask">&nbsp;</div>
<div id="popupContainer">
        <div id="popupInner">
        
                <div id="popupFrame" name="popupFrame"> 
                <table width="220px" height="100px" bgcolor="#008000"><tr><td>
                        <table width="215px" height="95px" bgcolor="#F0FFF0"><tr><td align="center" valign="middle">
                        <span jwcid="imgWait"/></td><td>
                        Aguarde unos instantes. El cálculo llevara unos minutos en realizarse.
                        </td></tr></table></td></tr></table>
        </div>
        </div>
</div>

y el código del subModal.css es el siguiente:

/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
        position: absolute;
        z-index: 200;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: .4;
        filter: alpha(opacity=40);
        /* this hack is so it works in IE
         * I find setting the color in the css gives me more flexibility 
         * than the PNG solution.
         */
        background-color:transparent !important;
        background-color: #333333;
        /* this hack is for opera support
         * you can uncomment the background-image if you don't care about opera.
         * this gives you the flexibility to use any bg color that you want, instead of the png
         */
        background-image/**/: url("maskBG.png") !important; // For browsers Moz, Opera, etc.
        background-image:none;
        background-repeat: repeat;
        display:none;
}
#popupContainer {
        position: absolute;
        z-index: 201;
        top: 0px;
        left: 0px;
        display:none;
        padding: 0px;
}
#popupInner {
        border: 2px solid #000000;
        background-color: #ffffff;
}

#popupFrame {
        margin: 0px;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 202;
}
#popupTitleBar {
        background-color: #486CAE;
        color: #ffffff;
        font-weight: bold;
        height: 1.3em;
        padding: 5px;
        border-bottom: 2px solid #000000;
        border-top: 1px solid #78A3F2;
        border-left: 1px solid #78A3F2;
        border-right: 1px solid #204095;
        position: relative;
        z-index: 203;
}
#popupTitle {
        float:left;
        font-size: 1.1em;
}
#popupControls {
        float: right;
        cursor: pointer;
        cursor: hand;
}