Ajouter un ZendX AutoComplete dans un formulaire existant, décorateurs

[__fabrice]

Salut à tous,

J'ai un léger soucis avec un autocomplete Zend_X_jQuery ('id_city'). Il marche tres bien hors d'un formulaire, tout se passe bien. Ensuite, j'ai voulu le rajouter à mon formulaire.

Il semble qu'il y ai un soucis avec les décorateurs. Voici l'erreur, et le code qui suit.

Code :

Warning: Exception caught by form: Cannot render jQuery form element without at least one decorator implementing the 'ZendX_JQuery_Form_Decorator_UiWidgetElementMarker' interface. Default decorator for this marker interface is the 'ZendX_JQuery_Form_Decorator_UiWidgetElement'. Hint: The ViewHelper decorator does not render jQuery elements correctly. Stack Trace: #0 C:\Users\FP\web\librairies\zend\library\Zend\Form\Element.php(2029): ZendX_JQuery_Form_Element_UiWidget->getDecorators() #1 C:\Users\FP\web\librairies\zend\library\Zend\Form\Decorator\FormElements.php(101): Zend_Form_Element->render() #2 C:\Users\FP\web\librairies\zend\library\Zend\Form.php(2904): Zend_Form_Decorator_FormElements->render('') #3 C:\Users\FP\web\librairies\zend\library\Zend\Form.php(2920): Zend_Form->render() #4 C:\Users\FP\web\wamp\www\my-websites\familife\trunk\web\www\application\modules\backoffice\views\scripts\agency\edit.phtml(4):

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
...
$elements['first_name'] = new Zend_Form_Element_Text('first_name');
        $elements['first_name']->setLabel('Prénom : ')
        ->setRequired(true)
        ->addFilter('StripTags')
        ->addFilter('StringTrim')
		->addValidator('notEmpty')
		->getValidator('notEmpty')->setMessage('msg agency must first name');
 
$elements['id_city']= new ZendX_JQuery_Form_Element_AutoComplete('ac');
		$elements['id_city']->setLabel('Ville ')
		->setJQueryParam('source', '/backoffice/agency/autocompleteajaxcity')
		->setJQueryParam('minLength', $this->_config->autocomplete->max_cars);
...

Les décorateurs :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 /////////////////////////////////////////////////////////////////////////////////////////
 // DECORATORS ///////////////////////////////////////////////////////////////////////////
 /////////////////////////////////////////////////////////////////////////////////////////
 
        $this->setElementDecorators(array( 
            'ViewHelper',
         	//array('Errors', array('class' => 'formErrors', 'placement' => 'prepend')),            
            array(array('data' => 'HtmlTag'),  array('tag' =>'td', 'class'=> 'element')),
            array('Label', array('tag' => 'td')),
            array(array('row' => 'HtmlTag'), array('tag' => 'tr'))
        ));
 
        $elements['submit']->setDecorators(array('ViewHelper',
            array(array('data' => 'HtmlTag'),  array('tag' =>'td', 'class'=> 'element')),
            array(array('emptyrow' => 'HtmlTag'),  array('tag' =>'td', 'class'=> 'element', 'placement' => 'PREPEND')),
            array(array('row' => 'HtmlTag'), array('tag' => 'tr'))
            ));
 
        $this->setDecorators(array(
            array('FormErrors', array('label'=>'')),       	
            'FormElements',            
            array('HtmlTag', array('tag' => 'table', 'class'=> 'table_edit')),
            'Form'           
        ));

J'ai bien cherché sur le net, mais sans grand succès :

Code :

1
2
3
4
5
6
7
8
	public static $formJQueryElements = array(
        array('UiWidgetElement', array('tag' => '')), // it necessary to include for jquery elements
        array('Errors'),
        array('Description', array('tag' => 'span')),
        array('HtmlTag', array('tag' => 'td')),
        array('Label', array('tag' => 'td', 'class' =>'element')),
        array(array('row' => 'HtmlTag'), array('tag' => 'tr')),
        );

Une idée ?
Merci

Fabrice

[5h4rk]

Tu ne supprimerais pas les decorateurs par defaut par hazard

[__fabrice]

salut,

effectivement, il y a un soucis avec les décorateurs, mais le code que j'ai posté est celui que j'utilise, rien de plus.

Donc, je ne dois pas forcement les effacer. Faudrait peut etre en rajouter au contraire ?

Fabrice

[shadypierre]

Quand tu utilise la fonction setElementDecorators() cela supprime tout les decorators par défaut du formulaire, il faut donc ajouter le décorateur 'UiWidgetElement' sur l'élément autocomplete

[5h4rk]

vaut mieux ajouter des décorateurs plutot que de les remplacer, après tout dépend de ce que tu veux faire.

[__fabrice]

Hello,

Je veux bien , j'ai essayer plusieurs pistes, mais çà marche pas :

Code :

1
2
3
4
5
$elements['id_city']->setDecorators(
            array(
                'UiWidgetElement',
                array('ViewScript', array('class' => 'RegElement'))
            )

j'ai regardé du coté de ZendX_JQuery_Form_Decorator_UiWidgetElement, sans succès.

Comment faire alors ?

Fabrice

[shadypierre]

Les éléments ZendX sont rendu avec le décorateur UiWidgetElement alors que les autres utilisent 'ViewHelper', donc la seul chose à faire et de retirer sur l'element ZendX le decorator 'ViewHelper' (removeDecorator('ViewHelper') il me semble) et de faire un addDecorator('UiWidgetElement').
Normalement si tu as tjr une erreur ce ne sera dans tous les cas pas la même que celle que tu avais au départ et il faudra aviser en conséquence.