Zend_Form
tiene una funcional riqueza, muchas de
ellas dirigidas a expertos desarroladores. Este capítulo esta dirigido a
documentar algunas de las funcionalidades con ejemplos y casos de uso.
A muchos desarroladores web experimentados les gusta agrupar elementos relacionados de formulario usando notación de array en los nombres del elemento. Por ejemplo, si se tienen dos direcciones que se desean capturar, un envío y una dirección de facturación, se pueden tener elementos idénticos; agrupándolos en un array se puede asegurar que son capturados por separado. Nótese el siguiente formulario por ejemplo:
<form> <fieldset> <legend>Shipping Address</legend> <dl> <dt><label for="recipient">Ship to:</label></dt> <dd><input name="recipient" type="text" value="" /></dd> <dt><label for="address">Address:</label></dt> <dd><input name="address" type="text" value="" /></dd> <dt><label for="municipality">City:</label></dt> <dd><input name="municipality" type="text" value="" /></dd> <dt><label for="province">State:</label></dt> <dd><input name="province" type="text" value="" /></dd> <dt><label for="postal">Postal Code:</label></dt> <dd><input name="postal" type="text" value="" /></dd> </dl> </fieldset> <fieldset> <legend>Billing Address</legend> <dl> <dt><label for="payer">Bill To:</label></dt> <dd><input name="payer" type="text" value="" /></dd> <dt><label for="address">Address:</label></dt> <dd><input name="address" type="text" value="" /></dd> <dt><label for="municipality">City:</label></dt> <dd><input name="municipality" type="text" value="" /></dd> <dt><label for="province">State:</label></dt> <dd><input name="province" type="text" value="" /></dd> <dt><label for="postal">Postal Code:</label></dt> <dd><input name="postal" type="text" value="" /></dd> </dl> </fieldset> <dl> <dt><label for="terms">I agree to the Terms of Service</label></dt> <dd><input name="terms" type="checkbox" value="" /></dd> <dt></dt> <dd><input name="save" type="submit" value="Save" /></dd> </dl> </form>
En este ejemplo, la facturación y la dirección de envío contienen algunos campos idénticos, eso significa que uno puede sobrescribir al otro. Nosotros podemos resolver esta solución usando una notación de array:
<form> <fieldset> <legend>Shipping Address</legend> <dl> <dt><label for="shipping-recipient">Ship to:</label></dt> <dd><input name="shipping[recipient]" id="shipping-recipient" type="text" value="" /></dd> <dt><label for="shipping-address">Address:</label></dt> <dd><input name="shipping[address]" id="shipping-address" type="text" value="" /></dd> <dt><label for="shipping-municipality">City:</label></dt> <dd><input name="shipping[municipality]" id="shipping-municipality" type="text" value="" /></dd> <dt><label for="shipping-province">State:</label></dt> <dd><input name="shipping[province]" id="shipping-province" type="text" value="" /></dd> <dt><label for="shipping-postal">Postal Code:</label></dt> <dd><input name="shipping[postal]" id="shipping-postal" type="text" value="" /></dd> </dl> </fieldset> <fieldset> <legend>Billing Address</legend> <dl> <dt><label for="billing-payer">Bill To:</label></dt> <dd><input name="billing[payer]" id="billing-payer" type="text" value="" /></dd> <dt><label for="billing-address">Address:</label></dt> <dd><input name="billing[address]" id="billing-address" type="text" value="" /></dd> <dt><label for="billing-municipality">City:</label></dt> <dd><input name="billing[municipality]" id="billing-municipality" type="text" value="" /></dd> <dt><label for="billing-province">State:</label></dt> <dd><input name="billing[province]" id="billing-province" type="text" value="" /></dd> <dt><label for="billing-postal">Postal Code:</label></dt> <dd><input name="billing[postal]" id="billing-postal" type="text" value="" /></dd> </dl> </fieldset> <dl> <dt><label for="terms">I agree to the Terms of Service</label></dt> <dd><input name="terms" type="checkbox" value="" /></dd> <dt></dt> <dd><input name="save" type="submit" value="Save" /></dd> </dl> </form>
En el ejemplo anterior, obtenemos direcciones separadas. En el formulario sometido, ahora tenemos tres elementos, 'guardar' elemento para someterlo, y dos arrays, 'envio' y 'cuenta', cada uno con llaves para los variados elementos.
Zend_Form
intenta automatizar este proceso
con los subformularios . Por defecto, los subformularios son
generados usando la notación de array como se muestra en el anterior
formulario HTML listado completo con
identificadores. El nombre del array esta basado en el nombre del
subformulario, con las llaves basados en los elementos contenidos en
el subformulario. Los subformularios pueder ser anidados
arbitrariamente, y esto puede crear arrays anidados que reflejan la
estructura. Adicionalmente, las validaciones rutinarias en
Zend_Form
respetan la estructura del
array, asegurando que sus formularios sean validados correctamente,
no importa cuan arbitrariamente anidados esten los subformularios.
No se necesita hacer nada para beneficiarse; éste comportamiento
esta activo por defecto.
Adicionalmente, existen facilidades que le permiten activar condicionalmente la notación de un array, así como también especificar el específico array al cual un elemento o coleccion pertenece:
-
Zend_Form::setIsArray($flag)
: Definiendo la bandera aTRUE
, se puede indicar que un formulario entero debería ser tratado como un array. Por defecto, el nombre del formulario será usado como el nombre del array, a no ser quesetElementsBelongTo()
haya sido llamado. Si el formulario no tiene un nombre específico, o sisetElementsBelongTo()
no ha sido definido, esta bandera será ignorada (como cuando no hay nombre del array al cual los elementos puedan pertenecer).Se deberá determinar si un formulario está siendo tratado como un array usando el accesor
isArray()
. -
Zend_Form::setElementsBelongTo($array)
: Usando este método, se puede especificar el nombre de un array al cual todos los elementos del formulario pertenecen. Se puede determinar el nombre usando el accesorgetElementsBelongTo()
.
Adicionalmente, a nivel del elemento, se pueden especificar
elementos individuales que puedan pertenecer a arrays particulares
usando el método
Zend_Form_Element::setBelongsTo()
.
Para descubrir el valor que tiene -- sea o no sea definido
explícitamente o implícitamente a través del formulario -- se puede
usar el accesor getBelongsTo()
.
Actualmente, los formularios multi-página no están oficialmente
soportados en Zend_Form
; sin embargo, la
mayoría del soporte para implementarlos está disponible y puede ser
utilizado con algunos retoques.
La clave para crear fomrularios multi-página es utilizar subformularios, pero solo para mostrar un solo subformulario por página. Esto le permite someter un solo subformulario a la vez y validarlo, pero no procesar el formulario hasta que todos los subformularios esten completos.
Ejemplo 448. Ejemplo de formulario de registro
Vamos a usar un formulario de registro como ejemplo. Para nuestros propósitos, queremos capturar el nombre del usuario y la contraseña en la primera página, después la información del usuario -- nombre, apellido, y ubicación -- y finalmente permitirles decidir qué lista de correo, si desean suscribirse.
Primero, vamos a crear nuestro propio formulario, y definir varios subformularios dentro del mismo:
class My_Form_Registration extends Zend_Form { public function init() { // Crea un subformulario usuario: username y password $user = new Zend_Form_SubForm(); $user->addElements(array( new Zend_Form_Element_Text('username', array( 'required' => true, 'label' => 'Username:', 'filters' => array('StringTrim', 'StringToLower'), 'validators' => array( 'Alnum', array('Regex', false, array('/^[a-z][a-z0-9]{2,}$/')) ) )), new Zend_Form_Element_Password('password', array( 'required' => true, 'label' => 'Password:', 'filters' => array('StringTrim'), 'validators' => array( 'NotEmpty', array('StringLength', false, array(6)) ) )), )); // Crea un subformulario de datos demográficos : given name, family name, y // location $demog = new Zend_Form_SubForm(); $demog->addElements(array( new Zend_Form_Element_Text('givenName', array( 'required' => true, 'label' => 'Given (First) Name:', 'filters' => array('StringTrim'), 'validators' => array( array('Regex', false, array('/^[a-z][a-z0-9., \'-]{2,}$/i')) ) )), new Zend_Form_Element_Text('familyName', array( 'required' => true, 'label' => 'Family (Last) Name:', 'filters' => array('StringTrim'), 'validators' => array( array('Regex', false, array('/^[a-z][a-z0-9., \'-]{2,}$/i')) ) )), new Zend_Form_Element_Text('location', array( 'required' => true, 'label' => 'Your Location:', 'filters' => array('StringTrim'), 'validators' => array( array('StringLength', false, array(2)) ) )), )); // Crea un sub fomulario de correos $listOptions = array( 'none' => 'No lists, please', 'fw-general' => 'Zend Framework General List', 'fw-mvc' => 'Zend Framework MVC List', 'fw-auth' => 'Zend Framwork Authentication and ACL List', 'fw-services' => 'Zend Framework Web Services List', ); $lists = new Zend_Form_SubForm(); $lists->addElements(array( new Zend_Form_Element_MultiCheckbox('subscriptions', array( 'label' => 'Which lists would you like to subscribe to?', 'multiOptions' => $listOptions, 'required' => true, 'filters' => array('StringTrim'), 'validators' => array( array('InArray', false, array(array_keys($listOptions))) ) )), )); // Adjuntando los subformlarios al formulario principal $this->addSubForms(array( 'user' => $user, 'demog' => $demog, 'lists' => $lists )); } }
Note que no hay botones de enviar, y que ni hemos hecho nada con los decoradores de subformularios -- lo que significa que por defecto serán desplegados como campos. Necesitaremos hacer algo con ellos mientras desplegamos cada subformulario individualmente, y añadir botones de manera que podamos procesarlos realmente -- el cual requerira las propiedades acción y método. Vamos a añadir algunos andamios a nuestras clases para proveer esa información:
class My_Form_Registration extends Zend_Form { // ... /** * Prepara un subformulario para mostrar * * @param string|Zend_Form_SubForm $spec * @return Zend_Form_SubForm */ public function prepareSubForm($spec) { if (is_string($spec)) { $subForm = $this->{$spec}; } elseif ($spec instanceof Zend_Form_SubForm) { $subForm = $spec; } else { throw new Exception('Invalid argument passed to ' . __FUNCTION__ . '()'); } $this->setSubFormDecorators($subForm) ->addSubmitButton($subForm) ->addSubFormActions($subForm); return $subForm; } /** * Add form decorators to an individual sub form * * @param Zend_Form_SubForm $subForm * @return My_Form_Registration */ public function setSubFormDecorators(Zend_Form_SubForm $subForm) { $subForm->setDecorators(array( 'FormElements', array('HtmlTag', array('tag' => 'dl', 'class' => 'zend_form')), 'Form', )); return $this; } /** * Añade un Boton de envio(submit) a cada subformulario * * @param Zend_Form_SubForm $subForm * @return My_Form_Registration */ public function addSubmitButton(Zend_Form_SubForm $subForm) { $subForm->addElement(new Zend_Form_Element_Submit( 'save', array( 'label' => 'Save and continue', 'required' => false, 'ignore' => true, ) )); return $this; } /** * Añade el method y el action a cada subformulario * * @param Zend_Form_SubForm $subForm * @return My_Form_Registration */ public function addSubFormActions(Zend_Form_SubForm $subForm) { $subForm->setAction('/registration/process') ->setMethod('post'); return $this; } }
Siguiente, necesitamos añadir andamios a nuestro action
controller, y tener varias consideraciones. Primero, necesitamos
asegurar que persiste la información del formulario entre los
requerimientos, de esa manera determinar cuándo terminar.
Segundo, necesitamos alguna lógica para determinar qué segmentos
del formulario han sido sometidos, y qué subformulario mostrar
de acuerdo a la información. Usaremos
Zend_Session_Namespace
para persistir
la información, el cual nos ayudará a responder la pregunta de
qué formulario someter.
Vamos a crear nuestro controlador, y añadir un método para recuperar un formulario instanciado:
class RegistrationController extends Zend_Controller_Action { protected $_form; public function getForm() { if (null === $this->_form) { $this->_form = new My_Form_Registration(); } return $this->_form; } }
Ahora, vamos a añadir algunas funcionalidades para determinar qué formulario mostrar. Básicamente, hasta que el formulario entero sea considerado válido, necesitamos continuar mostrando segmentos de formulario. Adicionalmente, queremos asegurar que están en un orden particular: usuario, demog, y después las listas. Podemos determinar qué información ha sido sometida verificando nuestro session namespace para claves particulares representando cada subformulario.
class RegistrationController extends Zend_Controller_Action { // ... protected $_namespace = 'RegistrationController'; protected $_session; /** * Obtiene el namespace de la sesión que estamos usando * * @return Zend_Session_Namespace */ public function getSessionNamespace() { if (null === $this->_session) { $this->_session = new Zend_Session_Namespace($this->_namespace); } return $this->_session; } /** * Obtiene la lista de Formularios que ya están almacenados en la sesión * * @return array */ public function getStoredForms() { $stored = array(); foreach ($this->getSessionNamespace() as $key => $value) { $stored[] = $key; } return $stored; } /** * Obtiene la lista de todos los subformularios disponibles * * @return array */ public function getPotentialForms() { return array_keys($this->getForm()->getSubForms()); } /** * ¿Qué subformulario se envio? * * @return false|Zend_Form_SubForm */ public function getCurrentSubForm() { $request = $this->getRequest(); if (!$request->isPost()) { return false; } foreach ($this->getPotentialForms() as $name) { if ($data = $request->getPost($name, false)) { if (is_array($data)) { return $this->getForm()->getSubForm($name); break; } } } return false; } /** * Obtiene el siguiente subformulario para mostrarlo * * @return Zend_Form_SubForm|false */ public function getNextSubForm() { $storedForms = $this->getStoredForms(); $potentialForms = $this->getPotentialForms(); foreach ($potentialForms as $name) { if (!in_array($name, $storedForms)) { return $this->getForm()->getSubForm($name); } } return false; } }
El método de arriba nos permite usar notaciones tal como " $subForm = $this->getCurrentSubForm(); " recuperar el actual subformulario para la validación, o " $next = $this->getNextSubForm(); " obtener el siguiente para mostrar.
Ahora, vamos a encontrar la manera para procesar y mostrar
varios subformularios. Podemos usar
getCurrentSubForm()
para determinar
si algún subformulario ha sido sometido (los valores de retorno
FALSE
indican que ninguno ha sido desplegado o sometido), y
getNextSubForm()
recupera el
formulario que mostrar. Podemos entonces usar el método del
formulario prepareSubForm()
para
asegurar que el formulario está listo para mostrar.
Cuando tenemos un formulario sometido, podemos validar el subformulario, y luego verificar si el formulario entero es válido ahora. Para hacer esas tareas, necesitamos métodos adicionales que aseguren que la información sometida es añadida a la sesión, y que cuando validamos el formulario entero, nosotros validamos contra todos los segmentos de la sesión:
class RegistrationController extends Zend_Controller_Action { // ... /** * ¿Es válido el subformulario? * * @param Zend_Form_SubForm $subForm * @param array $data * @return bool */ public function subFormIsValid(Zend_Form_SubForm $subForm, array $data) { $name = $subForm->getName(); if ($subForm->isValid($data)) { $this->getSessionNamespace()->$name = $subForm->getValues(); return true; } return false; } /** * ¿Es válido todo el formulario? * * @return bool */ public function formIsValid() { $data = array(); foreach ($this->getSessionNamespace() as $key => $info) { $data[$key] = $info; } return $this->getForm()->isValid($data); } }
Ahora que tenemos el trabajo preparado, vamos a construir las acciones para este controlador. Necesitaremos una página de destino para el formulario, y luego una acción 'process' para procesar el formulario.
class RegistrationController extends Zend_Controller_Action { // ... public function indexAction() { // volver a mostrar la página actual, o mostrar el "siguiente" // (primer) subformulario if (!$form = $this->getCurrentSubForm()) { $form = $this->getNextSubForm(); } $this->view->form = $this->getForm()->prepareSubForm($form); } public function processAction() { if (!$form = $this->getCurrentSubForm()) { return $this->_forward('index'); } if (!$this->subFormIsValid($form, $this->getRequest()->getPost())) { $this->view->form = $this->getForm()->prepareSubForm($form); return $this->render('index'); } if (!$this->formIsValid()) { $form = $this->getNextSubForm(); $this->view->form = $this->getForm()->prepareSubForm($form); return $this->render('index'); } // Formulario Válido! // Render information in a verification page $this->view->info = $this->getSessionNamespace(); $this->render('verification'); } }
Como se ha notado, el código actual para procesar el formulario es relativamente simple. Verificamos si tenemos un subformulario actual sometido y si no, retornamos a la página de destino. Si tenemos un subformulario, intentaremos validarlo, volviéndolo a mostrar si tiene fallos. Si el subformulario es válido, entonces verificaremos si el formulario es válido, lo que debería indicar que hemos terminado; si no, mostraremos el siguiente segmento del formulario. Finalmente, mostraremos una página de verificación con el contenido de la sesión.
Los scripts de vista son muy simples:
<?php // registration/index.phtml ?> <h2>registro</h2> <?php echo $this->form ?> <?php // registration/verification.phtml ?> <h2>Gracias por Registrarse!</h2> <p> Aquí está la información que nos ha proporcionado: </p> <?php // Tienen que construir esto con los items que estan almacenados en los namespaces // de la sesión foreach ($this->info as $info): foreach ($info as $form => $data): ?> <h4><?php echo ucfirst($form) ?>:</h4> <dl> <?php foreach ($data as $key => $value): ?> <dt><?php echo ucfirst($key) ?></dt> <?php if (is_array($value)): foreach ($value as $label => $val): ?> <dd><?php echo $val ?></dd> <?php endforeach; else: ?> <dd><?php echo $this->escape($value) ?></dd> <?php endif; endforeach; ?> </dl> <?php endforeach; endforeach
Próximas novedades de Zend Framework incluirán componentes para hacer formularios multi páginas mas simples, abstrayendo la sesión y la lógica de orden. Mientras tanto, el ejemplo de arriba debería servir como guia razonable para alcanzar esta tarea en su web.