Help Center > Foundation Help

Se aplica a:

  • Winshuttle Foundation

Funciones de jQuery

Guías de referencia de JavaScript

Además de la funcionalidad totalmente integrada de jQuery y jQuery UI, las siguientes funciones auxiliares se pueden usar en las reglas de Composer.

Haga clic en las funciones que constan a continuación para ver información sobre ella.

jQuery.alert(message,title,callback)

Volver al principio

Presenta un cuadro de diálogo modal de jQuery.

Parámetros
  • message – Mensaje que se mostrará en el cuadro de mensaje principal
  • title – (opcional) Título del cuadro de mensaje (el valor predeterminado es «Error»).
  • callback – (opcional) Función que se invoca después de que el usuario haga clic en Aceptar.
Ejemplo

jQuery.alert('The format of this field in incorrect', 'Format Error');

jQuery.choice(message,title,values,okCallback)

Volver al principio

Presenta un cuadro de diálogo modal de jQuery con una lista desplegable de valores para elegir.

Parámetros
  • message – Mensaje que se mostrará en el cuadro de mensaje principal
  • title – Título del cuadro del mensaje
  • values – Matriz de valores de cadena que insertar en una lista desplegable.
  • okCallback – (opcional) Función que invocar después de que el usuario haga clic en Aceptar.
Ejemplo

jQuery.choice('Choose a size', 'Choice', ['Small', 'Medium', 'Large'],
function(value) {
$form.setValue('/my:myFields/my:size', value);
});

jQuery.choiceTree(message,title,values,okCallback)

Volver al principio

Presenta un cuadro de diálogo modal de jQuery con un control en forma de árbol de valores para elegir.

Parámetros

  • message – Mensaje que se mostrará en el cuadro de mensaje principal
  • title – Título del cuadro del mensaje
  • values – Matriz de valores de nodos dynatree (árbol dinámico) que insertar en el control de árbol (consulte la documentación sobre dynatree para obtener más información).
  • okCallback – (opcional) Función que invocar después de que el usuario haga clic en Aceptar.
Ejemplo

jQuery.choiceTree('Please choose an item', 'Tree Choice',
[ {
title: 'node 1', key: 'node1', isFolder: true,
children: [ {title: 'node 1.1', key: 'node1_1', isFolder: false},
{title: 'node 1.2', key: 'node1_2', isFolder: false},
{title: 'node 1.3', key: 'node1_3', isFolder: false}
]
},
{
title: 'node 2', key: 'node1', isFolder: true,
children: [ {title: 'node 2.1', key: 'node2_1', isFolder: false},
{title: 'node 2.2', key: 'node2_2', isFolder: false},
{title: 'node 2.3', key: 'node2_3', isFolder: false}
]
}], function(selectedNode) {
jQuery.alert('You chose: '+ selectedNode.data.key);
});

jQuery.confirm (message,title,callback,noCallback, yesLabel, noLabel, cancelLabel)

Volver al principio

Presenta un cuadro de diálogo modal de jQuery con los botones Sí, No y Cancelar.

Parámetros
  • message – Mensaje que se mostrará en el cuadro de mensaje principal
  • title – (opcional) Título del cuadro de mensaje (el valor predeterminado es «Confirmation»).
  • callback – (opcional) Función que se invoca después de que el usuario haga clic en Sí.
  • noCallback – (opcional) Función que se invoca después de que el usuario haga clic en No.
  • yesLabel – (opcional) Texto del botón Sí (el valor predeterminado es Sí).
  • noLabel – (opcional) Texto del botón No (el valor predeterminado es No).
  • cancelLabel – (opcional) Texto del botón Cancelar (el valor predeterminado es Cancelar).
Ejemplo

jQuery.confirm('Are you sure you want to do that?',
'Confirm Creation',
function() {
$form.executeWebService('createSomethingInSAP');
});

jQuery.prompt (message,title,initialValue, validateCallback, okCallback)

Volver al principio

Presenta un cuadro de diálogo modal de jQuery con un cuadro de texto para que el usuario introduzca contenido.

Parámetros
  • message – Mensaje que se mostrará en el cuadro de mensaje principal
  • title – Título del cuadro del mensaje
  • initialValue – (opcional) Valor inicial que insertar en el cuadro de texto.
  • validateCallback – (opcional) Función que invocar para la validación de una entrada. La función debería devolver «true» para las entradas válidas y «false» para las entradas no válidas (use «null» para que no haya validación).
  • okCallback – (opcional) Función que invocar después de que el usuario haga clic en Aceptar y la entrada sea válida.
Ejemplo

jQuery.prompt('Please enter a number between 1 and 10',
'Enter a Number',
'',
function(value) {
if ( typeof value === 'number' && value % 1 == 0) {
if (value>=1 && value<=10) {
return true;
} else {
jQuery.alert('Value must be >= 1 or <= 10');
}
} else {
jQuery.alert('Enter an integer please');
}
return false;
},
function(value) { $form.setValue('/my:myFields/my:field_1', value); });

jQuery.promptTextArea(message,title,initialValue, validateCallback, okCallback)

Volver al principio

Presenta un cuadro de diálogo modal de jQuery con un área de texto (campo de entrada multilínea) que el usuario introduzca contenido.

Parámetros
  • message – Mensaje que se mostrará en el cuadro de mensaje principal
  • title – Título del cuadro del mensaje initialValue – (opcional) Valor inicial que insertar en el cuadro de texto.
  • validateCallback – (opcional) Función que invocar para la validación de una entrada. La función debería devolver «true» para las entradas válidas y «false» para las entradas no válidas (use «null» para que no haya validación).
  • okCallback – (opcional) Función que invocar después de que el usuario haga clic en Aceptar y la entrada sea válida.
Ejemplo

jQuery.promptTextArea('Please enter some text', 'Prompt', '', null,
function(value) {
$form.setValue('/my:myFields/my:bigTextField', value);
});