0

我有一个用 ZF2 创建的集合。HTML 代码查找如下：

<fieldset id="benutzer">
<legend>Team</legend>
<div class="controls-row">
 <span data-template="<input type="hidden" name="projekt[benutzer][__placeholder__][benutzerid]" class="benutzerid" value=""><input name="projekt[benutzer][__placeholder__][benutzername]" class="benutzername" title="Kollege" placeholder="Name" type="text" value=""><input type="hidden" name="projekt[benutzer][__placeholder__][bearbeiten]" value="0"><input type="checkbox" name="projekt[benutzer][__placeholder__][bearbeiten]" title="Bearbeiten" class="bearbeiten" value="1"><input name="projekt[benutzer][__placeholder__][bemerkung]" title="Bemerkung" placeholder="Bemerkung" type="text" value="">"></span>
<input type="hidden" value="4" class="benutzerid" name="todo[benutzer][0][benutzerid]">
<input type="text" value="Julian" placeholder="Name" title="Kollege" class="benutzername" name="todo[benutzer][0][benutzername]">
<input type="hidden" value="0" name="todo[benutzer][0][bearbeiten]">
<input class="bearbeiten" type="checkbox" checked="checked" value="1" title="Bearbeiten" name="todo[benutzer][0][bearbeiten]">
<input type="text" value="" placeholder="Bemerkung" title="Bemerkung" name="todo[benutzer][0][bemerkung]">
<div>
<div class="row">
<input type="hidden" value="5428" class="benutzerid" name="todo[benutzer][0][benutzerid]">
<input type="text" value="Hans" placeholder="Name" title="Kollege" class="benutzername" name="todo[benutzer][0][benutzername]">
<input type="hidden" value="0" name="todo[benutzer][0][bearbeiten]">
<input class="bearbeiten" type="checkbox" checked="checked" value="1" title="Bearbeiten" name="todo[benutzer][0][bearbeiten]">
<input type="text" value="" placeholder="Bemerkung" title="Bemerkung" name="todo[benutzer][0][bemerkung]">
<div>
</fieldset>

用户现在应该能够选中/取消选中复选框、编辑输入字段以及删除和/或添加行。ZF2 的集合需要其行的索引从 0 开始，每行加 1。这意味着，如果我删除一行并且该行不是偶然地在集合末尾，我必须更正索引。我正在尝试使用 jQuery 来做到这一点。

这是我的问题：如果我在重新排序行之前更改了任何内容（并且每次在提交表单之前我都会这样做），则不会保留更改。如果我选中一个复选框，如果我在“Bemerkung”字段中输入一些内容，那么所有内容都将被丢弃。

这是我的代码：

添加新行：

function add_category( $collectionType ) {
    // Create and append new row
    var $template = $('#'+$collectionType+' span').data('template');
    var $currentCount = $('#'+$collectionType+' .'+$collectionType+'id').length;
    $template = $template.replace(/__placeholder__/g, String($currentCount));
    $newrow = "<div class=\"controls-row new-row\">"+$template+"<div class=\"span1\"><a href=\"#\" class=\"_delete-row\"><i class=\"icon-remove\"></i></a></div></div>";
    $('#'+$collectionType).append($newrow);         
    return false;
}

重新排序集合：

 $.fn.resortCollection = function (){   // execute with Collection-Fieldset!
            $c = 0; 
            $fieldset = $(this);
            // re-sort the rows, indexes
            $.each( $fieldset.find('.controls-row'), function(){            
                $html = $(this).html();
                $newhtml = $html.replace(/\[\d+\]/g, '['+$c+']');
                $(this).html($newhtml);
                $c++;
            });
        };

删除集合中的一行：

 $.fn.deleteRow = function (){
            var $row = this.closest('div.controls-row');
            var $fieldset = $row.closest('fieldset');
            $($row).remove();
            $fieldset.resortCollection();
        };

如何在重新排序行时访问 DOM 的当前状态，包括我的更改？

4

1 回答 1

0

实际上Zend\Form\Element\Collection保留了集合的键。我发现的唯一问题是，如果您最初使用count> 0 选项定义集合，例如：

    $this->add(array(
        'type' => 'Zend\Form\Element\Collection',
        'name' => 'data',
        'options' => array(
            'count' => 2,
            'allow_add' => true,
        )
    ));

它总是会在集合的开头添加与您使用count选项定义的一样多的缺失元素。从上面的示例中，它将添加带有索引的元素，0如果1它们在集合中丢失。

我通过扩展Zend\Form\Element\Collection和重写一种方法来解决这个问题：

namespace MyNamespace;

use Zend\Form\Element\Collection as ZendCollection;
use Zend\Form\Exception;
use Traversable;

class MyCollection extends ZendCollection
{
    public function populateValues($data)
    {
        if (!is_array($data) && !$data instanceof Traversable) {
            throw new Exception\InvalidArgumentException(sprintf(
                '%s expects an array or Traversable set of data; received "%s"',
                __METHOD__,
                (is_object($data) ? get_class($data) : gettype($data))
            ));
        }

        if (sizeof($data)){
            foreach ($this->byName as $name => $element) {
                if (!isset($data[$name])) {
                    $this->remove($name);
                }
            }
        }

        parent::populateValues($data);
    }
}

希望它能帮助您简化代码。

于 2013-06-20T11:07:14.837 回答