首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用zend-decorator将Zend_Form_Element_Radio格式化为表列中的oher Zend_Form_Elements行格式

使用zend-decorator将Zend_Form_Element_Radio格式化为表列中的oher Zend_Form_Elements行格式
EN

Stack Overflow用户
提问于 2011-12-02 20:12:11
回答 4查看 1.5K关注 0票数 3

我希望使用装饰符将以下Zend_Form格式化为表,在第一列中放置描述Zend_Form_Element_的第二列中的选项添加2 select在每行中,如您稍后在html示例中看到的那样。

我需要一个具体的/工作的例子.

表格

代码语言:javascript
运行
复制
class My_Form extends Zend_Form
{
    const KIND_1 = 'dineer1';
    const KIND_2 = 'dineer2';
    const KIND_3 = 'dineer3';
    const KIND_4 = 'dineer4';
    const KIND_5 = 'dineer5';
    const KIND_6 = 'dineer6';

    public static $KINDS = array(
        1 => self::KIND_1,
        2 => self::KIND_2,
        3 => self::KIND_3,
        4 => self::KIND_4,
        5 => self::KIND_5,
        6 => self::KIND_6,
    );

    const DRINK_C = 'c';
    const DRINK_M = 'm';
    const DRINK_W = 'w';

    public static $DRINKS = array(
        self::DRINK_C => "cole",
        self::DRINK_M => "milk",
        self::DRINK_W => "water",
    );

    const FOOD_B = 'b';
    const FOOD_F = 'f';
    const FOOD_M = 'm';
    const FOOD_P = 'p';
    const FOOD_V = 'v';
    const FOOD_W = 'w';

    public static $FOODS = array(
        self::FOOD_B => "burger",
        self::FOOD_F => "fruit",
        self::FOOD_M => "Meat",
        self::FOOD_P => "pizza",
        self::FOOD_V => "vegetables",
        self::FOOD_W => "Wursterl",
    );

    public function init()
    {
        $_please_select = array("" => " please select ");

        $this->setMethod(Zend_Form::METHOD_POST);

        $input_lunch = new Zend_Form_Element_Radio('lunch');  
        $input_lunch ->setMultiOptions(self::$KINDS) ;
        $this->addElement($input_lunch );

        foreach (self::$KINDS as $k => $_descriprion) {
            $input_drink = new Zend_Form_Element_Select('drink_' . $k);
            $input_drink->addMultiOptions(self::$DRINKS);

            $input_food = new Zend_Form_Element_Select('food_' . $k);
            $input_food->addMultiOptions($_please_select)
                ->addMultiOptions(self::$FOODS);

            $this->addElement($input_drink);
            $this->addElement($input_food);
        }
    }
}

期望HTML

代码语言:javascript
运行
复制
<html>
<body>
    <form action="/" method="POST">
    <table>
    <thead>
        <tr>
            <th></td>
            <th>kind</td>
            <th>drink</td>
            <th>food</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Description row 1</td>
            <td><input type="radio" name="lunch" value "dinner1"></td>
            <td>
                <select name="drink_1">
                    <option value="w">Water</option>
                    <option value="m">Milk</option>
                    <option value="b">Beer</option>
                </select>
            </td>
            <td>
                <select name="food_1">
                    <option value="">please select</option>
                    <option value="b">Burger</option>
                    <option value="f">Fruit</option>
                    <option value="m">Meat</option>
                    <option value="p">Pizza</option>
                    <option value="v">Vegetable</option>
                    <option value="w">Wurstel</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>Description row 2</td>
            <td><input type="radio" name="lunch" value "dinner2"></td>
            <td>
                <select name="drink_2">
                    <option value="w">Water</option>
                    <option value="m">Milk</option>
                    <option value="b">Beer</option>
                </select>
            </td>
            <td>
                <select name="food_2">
                    <option value="">please select</option>
                    <option value="b">Burger</option>
                    <option value="f">Fruit</option>
                    <option value="m">Meat</option>
                    <option value="p">Pizza</option>
                    <option value="v">Vegetable</option>
                    <option value="w">Wurstel</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>Description row 3</td>
            <td><input type="radio" name="lunch" value "dinner3"></td>
            <td>
                <select name="drink_3">
                    <option value="w">Water</option>
                    <option value="m">Milk</option>
                    <option value="b">Beer</option>
                </select>
            </td>
            <td>
                <select name="food_3">
                    <option value="">please select</option>
                    <option value="b">Burger</option>
                    <option value="f">Fruit</option>
                    <option value="m">Meat</option>
                    <option value="p">Pizza</option>
                    <option value="v">Vegetable</option>
                    <option value="w">Wurstel</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>Description row 4</td>
            <td><input type="radio" name="lunch" value "dinner4"></td>
            <td>
                <select name="drink_4">
                    <option value="w">Water</option>
                    <option value="m">Milk</option>
                    <option value="b">Beer</option>
                </select>
            </td>
            <td>
                <select name="food_4">
                    <option value="">please select</option>
                    <option value="b">Burger</option>
                    <option value="f">Fruit</option>
                    <option value="m">Meat</option>
                    <option value="p">Pizza</option>
                    <option value="v">Vegetable</option>
                    <option value="w">Wurstel</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>Description row 5</td>
            <td><input type="radio" name="lunch" value "dinner5"></td>
            <td>
                <select name="drink_5">
                    <option value="w">Water</option>
                    <option value="m">Milk</option>
                    <option value="b">Beer</option>
                </select>
            </td>
            <td>
                <select name="food_5">
                    <option value="">please select</option>
                    <option value="b">Burger</option>
                    <option value="f">Fruit</option>
                    <option value="m">Meat</option>
                    <option value="p">Pizza</option>
                    <option value="v">Vegetable</option>
                    <option value="w">Wurstel</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>Description row 6</td>
            <td><input type="radio" name="lunch" value "dinner6"></td>
            <td>
                <select name="drink_6">
                    <option value="w">Water</option>
                    <option value="m">Milk</option>
                    <option value="b">Beer</option>
                </select>
            </td>
            <td>
                <select name="food_6">
                    <option value="">please select</option>
                    <option value="b">Burger</option>
                    <option value="f">Fruit</option>
                    <option value="m">Meat</option>
                    <option value="p">Pizza</option>
                    <option value="v">Vegetable</option>
                    <option value="w">Wurstel</option>
                </select>
            </td>
        </tr>
        </tbody>
        <table>
    </form>
</body>
</html>
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-12-10 08:28:39

我建议一个基于这个答案的解决方案,https://stackoverflow.com/a/8451723/212940

你的表格:-

代码语言:javascript
运行
复制
class My_Form extends Zend_Form
{
    const KIND_1 = 'dineer1';
    const KIND_2 = 'dineer2';
    const KIND_3 = 'dineer3';
    const KIND_4 = 'dineer4';
    const KIND_5 = 'dineer5';
    const KIND_6 = 'dineer6';

    public static $KINDS = array(
        1 => self::KIND_1,
        2 => self::KIND_2,
        3 => self::KIND_3,
        4 => self::KIND_4,
        5 => self::KIND_5,
        6 => self::KIND_6,
    );

    const DRINK_C = 'c';
    const DRINK_M = 'm';
    const DRINK_W = 'w';

    public static $DRINKS = array(
        self::DRINK_C => "cole",
        self::DRINK_M => "milk",
        self::DRINK_W => "water",
    );

    const FOOD_B = 'b';
    const FOOD_F = 'f';
    const FOOD_M = 'm';
    const FOOD_P = 'p';
    const FOOD_V = 'v';
    const FOOD_W = 'w';

    public static $FOODS = array(
        self::FOOD_B => "burger",
        self::FOOD_F => "fruit",
        self::FOOD_M => "Meat",
        self::FOOD_P => "pizza",
        self::FOOD_V => "vegetables",
        self::FOOD_W => "Wursterl",
    );

    public function init()
    {
        $this->addDecorators(
            array(
                array('ViewScript', array('viewScript' => 'forms/_form_test.phtml'))
            )
        ); //added as part of answer. Note all default decorators are still available.

        $_please_select = array("" => " please select ");

        $this->setMethod(Zend_Form::METHOD_POST);

        $input_lunch = new Zend_Form_Element_Radio('lunch');  
        $input_lunch ->setMultiOptions(self::$KINDS) ;
        $this->addElement($input_lunch );

        foreach (self::$KINDS as $k => $_descriprion) {
            $input_drink = new Zend_Form_Element_Select('drink_' . $k);
            $input_drink->addMultiOptions(self::$DRINKS);

            $input_food = new Zend_Form_Element_Select('food_' . $k);
            $input_food->addMultiOptions($_please_select)
                ->addMultiOptions(self::$FOODS);

            $this->addElement($input_drink);
            $this->addElement($input_food);
        }
        $this->setElementDecorators(array('ViewHelper'));//added as part of answer
    }
}

正如您所看到的,它只需要两个小的更改。

然后,您需要创建文件scripts/forms/_form_test.phtml,其中包含:-

代码语言:javascript
运行
复制
<form
    id='contact' 
    action='<?php echo $this->element->getAction(); ?>' 
    method='<?php echo $this->element->getMethod(); ?>'
>
<table>
    <thead>
        <tr>
            <th></td>
            <th>kind</td>
            <th>drink</td>
            <th>food</td>
        </tr>
    </thead>
    <tbody>
        <?php 
        $elements = $this->element->getElements();
        $options = $this->element->lunch->getMultiOptions();
        foreach($options as $key => $option){
            echo "<tr>\n";
            echo "<td>Description row $key</td>\n";
            echo "<td><input type='radio' name='lunch' value='$option'</td>\n";
            echo "<td>{$elements['drink_' . $key]}</td>\n";
            echo "<td>{$elements['food_' . $key]}</td>\n";
            echo "</tr>\n";
        }
        ?>
        </tbody>
        <table>
</form>

文件_form_test.phtml实际上是您呈现表单的装饰器。这是一种非常灵活的使用Zend_Form的方法,我通过阅读这篇文章学会了如何做到这一点。

默认的装饰符(如“error”)在此方法中仍然可用。

在我的系统中,我得到了您所要求的精确的html输出。试试看。

票数 1
EN

Stack Overflow用户

发布于 2011-12-05 22:03:47

这可能不是完美的解决方案,但它可能会帮助你!

代码语言:javascript
运行
复制
class My_Form extends Zend_Form
{
    const KIND_1 = 'dineer1';
    const KIND_2 = 'dineer2';
    const KIND_3 = 'dineer3';
    const KIND_4 = 'dineer4';
    const KIND_5 = 'dineer5';
    const KIND_6 = 'dineer6';

    public static $KINDS = array(
        1 => self::KIND_1,
        2 => self::KIND_2,
        3 => self::KIND_3,
        4 => self::KIND_4,
        5 => self::KIND_5,
        6 => self::KIND_6,
    );

    const DRINK_C = 'c';
    const DRINK_M = 'm';
    const DRINK_W = 'w';

    public static $DRINKS = array(
        self::DRINK_C => "cole",
        self::DRINK_M => "milk",
        self::DRINK_W => "water",
    );

    const FOOD_B = 'b';
    const FOOD_F = 'f';
    const FOOD_M = 'm';
    const FOOD_P = 'p';
    const FOOD_V = 'v';
    const FOOD_W = 'w';

    public static $FOODS = array(
        self::FOOD_B => "burger",
        self::FOOD_F => "fruit",
        self::FOOD_M => "Meat",
        self::FOOD_P => "pizza",
        self::FOOD_V => "vegetables",
        self::FOOD_W => "Wursterl",
    );

    public function init()
    {
        $_please_select = array("" => " please select ");

        $this->setMethod(Zend_Form::METHOD_POST);
        $this->setDisableLoadDefaultDecorators(true);

        $countRows = count(self::$KINDS)+1;
        foreach (self::$KINDS as $k => $_descriprion) {

            $rowForm = new Zend_Form_SubForm();

            $input_lunch = new Zend_Form_Element_Radio('lunch',
                array('disableLoadDefaultDecorators' => true, 
                'label' => 'kind', 
                'label_placement' => 'prepend'));
            $input_lunch ->setMultiOptions(self::$KINDS) ;
            $input_lunch->addDecorators(array(
                array('ViewHelper'),
                array('Label', 
                array('style' => 'display:block;font-weight:bold', // just for this example
                    'placement'=>'PREPEND',
                    'tag'=>'span', //if you want to use other tag
                    'disableFor'=>true) 
                ),
                array(array('data' => 'HtmlTag'), array('tag' => 'td', 'rowspan' => $countRows )),
            ));
            $this->addElement($input_lunch);

            // add label just for the first element
            $drinkLabel = array('disableLoadDefaultDecorators' =>true);
            $drinkDecorators = array(
                array('ViewHelper'),
                array(array('data' => 'HtmlTag'), array('tag' => 'td')),
            );
            if ($k == 1) {
                $drinkLabel['label'] = 'drink';
                $drinkDecorators = array(
                    array('ViewHelper'),
                    array('Label', 
                    array('style' => 'display:block;font-weight:bold',
                        'placement'=>'PREPEND',
                        'tag'=>'span', //if you want to use other tag
                        'disableFor'=>true) 
                    ),
                    array(array('data' => 'HtmlTag'), array('tag' => 'td')),
                );
            }

            $input_drink = new Zend_Form_Element_Select('drink', $drinkLabel);
            $input_drink->addMultiOptions(self::$DRINKS);
            $input_drink->addDecorators($drinkDecorators);

            $input_food = new Zend_Form_Element_Select('food', $drinkLabel);
            $input_food->addMultiOptions($_please_select)
                      ->addMultiOptions(self::$FOODS);
            $input_food->addDecorators($drinkDecorators);

            $rowForm->addElement($input_drink);
            $rowForm->addElement($input_food);

            $rowForm->setSubFormDecorators(array(
                'FormElements',
                array('HtmlTag', array('tag' => 'tr')),
            ));
            $rowForm->setDisableLoadDefaultDecorators(true);

            $this->addSubForm($rowForm, 'row_' . $k);
        }

        $this->setSubFormDecorators(array(
          'FormElements',
          array('HtmlTag', array('tag' => 'tr')),
        ));

        $this->setDecorators(array(
            'FormElements',
            array('HtmlTag', array('tag' => 'table')),
            'Form'
        ));
    }
}

另外,下面是一些使用表和Zend_Form的资源

http://www.packtpub.com/article/create-shopping-cart-using-zend-framework-2 表格/表格 http://blog.kosev.net/2010/06/tutorial-create-zend-framework-form.html

票数 1
EN

Stack Overflow用户

发布于 2011-12-05 15:04:00

在我看来,你不能用一个视图助手来做你想做的事!

您应该进行自定义表单打印,例如:

代码语言:javascript
运行
复制
<form action="/" method="POST">
    <table>
        <thead>
        <tr>
            <th></th>
            <th>kind</th>
            <th>drink</th>
            <th>food</th>
        </tr>
        </thead>
        <tbody>
            <?for ($i = 1; $i <= 6; $i++) : ?>
                <?
                $drink = 'drink_' . $i;
                $food = 'food_' . $i;
                ?>
                <tr>
                    <td>Description row <?=$i?></td>
                    <td>
                        <?=$this->form->$drink?>
                    </td>
                    <td>
                        <?=$this->form->$food?>
                    </td>
                </tr>
            <? endfor;?>
        </tbody>
    </table>
</form>

lunch对于这个领域来说,不可能像你要求的那样使用它,你应该想出另一个策略。在我能想到的时候!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8362039

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档