在提交时使用ajax向表单添加子表单

前端之家收集整理的这篇文章主要介绍了在提交时使用ajax向表单添加子表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我读了这篇文章
http://www.jeremykendall.net/2009/01/19/dynamically-adding-elements-to-zend-form/

这非常有趣,而且运行正常.

我需要做同样但使用SubForm.我的意思是当用户按下按钮时,我通过ajax调用一个动作来添加,附加并向我现有的表单显示子表单.

例如:
我有一个表格,用户必须填写他孩子的姓名和姓氏,所以有一个按钮“添加孩子”.当用户按下该按钮时,应将SubForm添加到现有表单并显示.在提交时,它将验证与该文章中的示例完全相同.唯一的区别是,在那里他只添加一个字段.我需要添加一个SubForm,但方式完全相同.

我在我的行动中尝试了以下内容(由Ajax调用):

public function clonerecursivegroupAction()
{
    $this->_helper->layout->disableLayout();
    $ajaxContext = $this->_helper->getHelper('AjaxContext');
    $ajaxContext->addActionContext('clonerecursivegroup','html')->initContext();

    $id = $this->_getParam('id',null);

    $subform1 = new Zend_Form_SubForm();

    $Element1 = $subform1->createElement('text','text1');
    $Element1->setLabel('text1')->setrequired(true);
    $Element2 = $subform1->createElement('text','text2');
    $Element2->setLabel('text2')->setrequired(false);

    $subform1->addElement($Element1);
    $subform1->addElement($Element2);

    $this->view->field = $subform1->__toString();
}

这几乎可行.
这个动作的视图返回SubForm的HTML代码,所以在我的ajax调用成功时我只显示它.

问题是,在提交时它会验证表单,但它丢失了刚刚添加的新子表单.只有一个元素的文章中不会发生这种情况.我想我只需要将SubForm添加到现有表单中,但是如何?

解决方法

将子表单的前缀添加到子表单元素.我使用前缀“child”来表示子表单.每个子表单将创建为child1,child2等.
public function clonerecursivegroupAction()
{
       //.. Other code

        $subform = new Zend_Form_SubForm();
    $subform->setIsArray(true);
    $subform->setName("child$id");
    $Element1 = $subform->createElement('text',"newfield$id");
    $Element1->setLabel("newfield$id")
             ->setrequired(true);
    $subform->addElement($Element1);

    $Element1 = $subform->createElement('text',"nextfield$id");
    $Element1->setLabel("nextfield$id")
             ->setrequired(true);

    $subform->addElement($Element1);

    $this->view->field = $subform; 
 // Rest of your statements

}

然后,在preValidation函数中,使用子表单前缀而不是字段名称来过滤子表单:

public function preValidation(array $data) {
         // array_filter callback
        function findForms($field) {
         // return field names that include 'child'
          if (strpos($field,'child') !== false) {
               return $field;
           }
         }

      $subForms = array_filter(array_keys($data),'findForms'); //filter the subform elements

      $children = array();
      foreach ($subForms as $subform) {

          if (is_array($data[$subform])) { 
        $children[$subform] = $data[$subform];
      }

       }

       //Iterate the children
       foreach ($children as $key => $fields) { //$key = subformname,$field=array containing fiend names and values

       // strip the id number off of the field name and use it to set new order
       $order = ltrim($key,'child') + 2;
       $this->addNewForm($key,$fields,$order);
     }

}

添加新表单功能创建每个子表单并附加到主表单:

public function addNewForm($form,$elements,$order) {

            $subform = new Zend_Form_SubForm();
    $subform->setIsArray(true);
    foreach ($elements as $key => $el) {
          $Element1 = $subform->createElement('text',$key);
              $Element1->setLabel($form.$key)
             ->setValue($el)
                 ->setrequired(true);
                   $subform->addElement($Element1);
    }
        $this->addSubForm($subform,$form,$order);

    }

[编辑]使用setIsArray作为子表单将子表单的每个元素创建为数组元素.它简化了preValidate功能.编辑代码以使用此功能.

complete code in pastebin

这是另一个使用belongsTo的解决方案,为子表单元素提供数组表示法:http://www.stephenrhoades.com/?p=364

猜你在找的Ajax相关文章