Zend Framework Zend_Form Décorateurs: <span> à l'Intérieur d'Élément de Bouton?

J'ai un élément de bouton que j'ai créé comme suit:

$submit = new Zend_Form_Element_Button('submit');
$submit->setLabel('My Button');
$submit->setDecorators(array(
    'ViewHelper',
     array('HtmlTag', array('tag' => 'li'))
));
$submit->setAttrib('type', 'submit');

Cela génère le code HTML suivant:

<li>
    <label for="submit" class="optional">My Button</label> 
    <button name="submit" id="submit" type="submit">My Button</button>
</li>

J'aimerais conclure l'intérieur du bouton avec un <span>, comme ceci:

<button...><span>My Button</span></button>

Quelle est la meilleure façon de le faire à l'aide de Zend_Form?

InformationsquelleAutor leek | 2009-04-22

7

J'ai essayé et, en fin de compte, a échoué à atteindre moi-même en utilisant la même approche. Il semblerait que la meilleure façon de le faire serait de faire:
```
...
$submit->setLabel('<span>My Button</span>');
...
```
Toutefois, la durée sera échappé. Il est parfaitement possible de désactiver l'échappement d'un label décorateur, cependant, l'ajout d'une étiquette décorateur rend la sortie de manière incorrecte, par exemple:
```
$decorator = array(
    array('ViewHelper'),
    array('HtmlTag', array('tag' => 'li')),
    array('Label', array('escape' => false))
);

$submit = new Zend_Form_Element_Button('submit');
$submit->setLabel('<span>My Button</span>');
$submit->setDecorators($decorator);
$submit->setAttrib('type', 'submit');
```
... rend:
```
<label for="submit" class="optional"><span>My Button</span></label>
<li>
    <button name="submit" id="submit" type="submit">&lt;span&gt;My Button&lt;/span&gt</button>
</li>
```
...qui, en plus d'être sémantiquement incorrect (facilement réparable), est encore de s'échapper de la durée de balises à l'intérieur de l'élément.

Alors que faites-vous?

Eh bien, je pense que la meilleure approche (ce qui est mon méta-conseils quand il s'agit d'un contrôle serré de la Zend_Form rendu) est d'utiliser la ViewScript décorateur.
```
$submit = new Zend_Form_Element_Button('submit');
$submit->setLabel('My Button');
$submit->setDecorators(array(array('ViewScript', array('viewScript' => '_submitButton.phtml'))));
$submit->setAttrib('type', 'submit');
```
...puis dans _submitButton.phtml définir les éléments suivants:
```
<li>
    <?= $this->formLabel($this->element->getName(), $this->element->getLabel()); ?>
    <button 
    <?php 

    $attribs = $this->element->getAttribs();

    echo
    ' name="' . $this->escape($this->element->getName()) . '"' .
    ' id="' . $this->escape($this->element->getId()) . '"' . 
    ' type="' . $this->escape($attribs['type']) . '"';
    ?>
    <?php

    $value = $this->element->getValue();

    if(!empty($value))
    {
        echo ' value="' . $this->escape($this->element->getValue()) . '"';
    }
    ?>
    >
    <span>
    <?= $this->escape($this->element->getLabel()); ?>
    </span>
    </button>
</li>
```
La _submitButton.phtml fichier doit être dans un script de vue de répertoire (vous pourriez être mieux ajout d'un spécifique pour votre forme décorateurs à l'aide de $view->addScriptPath('/path/to/my/form/decorators')).

Cela devrait rendre compte de ce que vous cherchez. J'ai seulement commencé à regarder la ViewScript décorateur en raison de la flexibilité des questions je suis en train de vivre dans le travail. Vous remarquerez que mon script n'est pas souple, et n'est certainement pas à la BNF, compte tenu de tous les membres qui peut être rempli sur l'élément objet. Cela dit, c'est un début et résoudre votre problème.
- Merci pour la réponse détaillée. Je suis conscient de la ViewScript décorateur, mais je ne savais pas qu'il pouvait être appliqué à des éléments individuels.
- Cela a été très utile!
InformationsquelleAutor Kieran Hall

Vous pourriez faire ceci:

$this->addElement(new Zend_Form_Element_Button(
            'send',
            array(
                'label' => '<span>registrieren</span>',
                'class' => 'button-red',
                'type' => 'submit',
                'escape' => false,
                'required' => false,
                'ignore' => false,
            )
 ));

MERCI!!!!!!

InformationsquelleAutor Rafael

Juste d'échapper à l'étiquette fonctionne très bien. Il ne se casse quand quelqu'un commence à jouer avec le décorateur de label (qui se produit généralement lors de la personnalisation d'étiquettes)

Vous pouvez utiliser le Zend_Form fonction setElementDecorators() et d'exclure certains éléments de style. Lire Exemple #3 définition des Décorateurs pour Certains Éléments dans Zend_Form Manuel (y compris la Note!) pour plus de détails.

Pour ceux qui sont encore confus, voici un exemple de code de style de la forme comme une table, et disposent d'un bouton qui est enfermé dans la double durée:

//(...)putting some other elements in the form first

//now add submit button 
$form       ->addElement('button', 'submit', array(
                        'label'     => '<span><span>SUBMIT</span></span>', 
                        'value'     => 'submit'
            ));

$form
            //set decorators for non-button elements
            ->setElementDecorators(array(
                    'ViewHelper',
                    'Errors',
                    array(array('data' => 'HtmlTag'), array('tag' => 'td', 'class' => 'element')),
                    array('Label', array('tag' => 'td')),
                    array(array('row' => 'HtmlTag'), array('tag' => 'tr'))), array('submit'), false)
            //and then for button elements only
            ->setElementDecorators(array(
                    'ViewHelper',
                    'Errors',
                    array(array('data' => 'HtmlTag'), array('tag' => 'td', 'class' => 'element')),
                    array(array('row' => 'HtmlTag'), array('tag' => 'tr'))), array('submit'), true)
            //and finally for the form
            ->setDecorators(array(
                    'FormElements',
                    array('HtmlTag', array('tag' => 'table')),
                    'Form'
            ));

où $form est un Zend_Form élément. Espérons que cette aide!

InformationsquelleAutor Aya

0

Je voudrais ajouter une classe pour le bouton, puis de définir cette classe dans votre CSS pour le faire agir comme un span. Je suis sûr que vous êtes désireux de faire plus que de simplement coller dans un span.

Suffit d'en ajouter un setAttrib() appel:
```
$submit->setAttrib('class', 'submitButton');
```
Puis dans votre CSS:
```
.submitButton {
   display:inline;
   font-weight:bold; /* Or whatever you're wanting to do */
}
```
J'ai ajouté display:inline car le bouton d'agir comme un span. Cela devrait commencer au moins. Bien sûr, vous pourriez base de votre CSS sur l'id du bouton, il suffit d'utiliser display:inline pour obtenir la durée de comportement.
- Mon but en fait est de faire "bouton span { display: none; }" pour masquer le texte du bouton (mais j'aimerais qu'il sera toujours là pour les gens sans CSS/JS à l'appui).
- Aaah. Je savais qu'il y avait quelque chose d'autre à lui!
InformationsquelleAutor Kekoa

Essayer avec

$element->addDecorator('Label', array('tag' => 'span', 'class' => 'aClass'))

InformationsquelleAutor ucefkh

Vous devez vous connecter pour publier un commentaire.