遍历 javascript 块中的树枝数组

Question

使用 Symfony2.3.4 和 PHP5.6.3.

我需要 THE TITLE.

看，我有这个模板

{#new.html.twig#}

{% extends 'GCBundle::layout.html.twig' %}

{% block title %}{{parent()}} | Create chart {%endblock title %}

{% block content -%}
    {% if errors is defined %}
        {#not sure if I need this#}    
    {% endif %}

    <FORM class="form-horizontal" action="{{path('chart_create', { 'id' : entity.id })}}"
          method="post" {{ form_enctype(form) }}>
        <center><h3>Create chart</h3></center>

        {{ form_widget(form) }}
        <DIV class="form-actions">
            <BUTTON name="submit" type="submit"
                    class="btn btn-primary"><I class="glyphicon-check"></I>
                {{ 'Save'|trans }}</BUTTON>
            <a class="btn" href="{{ path('chart') }}">
                <I class="glyphicon-ban"></I> {{ 'Cancel'|trans }}</a>
        </DIV>
    </FORM>
{% endblock %}
{% block javascripts %}
    {{parent()}}
    {% if errors is defined %}
    <script type="text/javascript">
        alert({{errors}}); //THIS DOESN'T WORK, JUST SO U KNOW WHAT I NEED
    </script>
    {% endif %}
{% endblock %}

变量errors是一个简单的数组结构：$key --> <fieldname> 和
$value --> <errormessage>，这个变量来自控制器，
到目前为止一切正常。

现在，我需要在 js 块中使用该数组来 alert 错误或 tooltip 它或者什么，但是我需要访问它的键和值，比如，使用 .each() 函数。

样本错误：

array (size=1)
  'CI' => 'CI must be unique'

编辑：

array (size=2)
  'CI' => string 'CI must be unique' (length=53)
  'height' => string 'This value is not valid.' (length=24)

这是我在模板中{{dump(errors)}}时出现的错误。

看，我可以找到一个解决方法（例如）将数组拆分为两个数组（一个带有键，另一个带有值），并使用自动 -每个生成整数索引，因此我可以使用 for 循环而不是我想要的 .each() 函数来遍历它，但我认为现在是将其添加到 的好时机"knowledge bag"，听起来很老套...

如果可以的话，请在评论中展示一些带有想法的代码...

编辑2：

我试过 json_encode 这样的：

ChartController.php
$errors = array();
        foreach ($form as $field) {
            if ($field->getErrors()) {
                $errors [$field->getName()] = $field->getErrors();
                $errors[$field->getName()] = $errors[$field->getName()][0]->getMessage();
            }
        }

        return $this->render('GCBundle:Chart:new.html.twig', array(
                    'entity' => $entity,
                    'form' => $form->createView(),
                    'errors' => json_encode($errors),
        ));

现在当我在模板中{{dump(errors)}}时它输出：

string '{"CI":"CI must be unique","height":"This value is not valid."}' (length=102)

和我实际的 javascript 块：

new.html.twig
{% block javascripts %}
    {{parent()}}
    {{dump(errors)}}
    {% if errors is defined %}
    <script type="text/javascript">
        var temp = {{errors}};
        $.each(temp, function(k,v){
            alert(k);
        });

    </script>
    {% endif %}
{% endblock %}

我需要以某种方式遍历它，但是如果我使用上面的代码，浏览器的控制台会输出这个 js 错误：

语法错误：无效属性 id

编辑3：

我检查了你的 link 但尽管它序列化了 $errors OK，它没有说明在 的 javascript 块中输出这些错误我真正需要的。

看看我尝试过的所有方法，希望您能从我遇到的错误中得出一些结论：

1-

//With the serializer
//ChartController.php
$errors = $this->get('form_serializer')->serializeFormErrors($form, true, true);

        return $this->render('GCBundle:Chart:new.html.twig', array(
                    'entity' => $entity,
                    'form' => $form->createView(),
                    'errors' => $errors,
        ));

//new.html.twig
<script type="text/javascript">
var errors = {{errors}};
//WHETHER I USE A FOR LOOP
for(var err in errors){
    alert(err);
}
//OR AN $.EACH() FUNCTION
$.each(errors, function(k,v){
    alert(k);
});
</script>

错误：

An exception has been thrown during the rendering of a template  
("Notice: Array to string conversion in C:\xampp\htdocs\Projects\GC\app\cache  
\dev\twiga[=18=][=18=]a022cd3a377dd20d520580dffea.php line 100") in  
GCBundle:Chart:new.html.twig at line 31.

2-

//Without the serializer
//ChartController.php
$errors = array();
foreach ($form as $field) {
    if ($field->getErrors()) {
        $errors [$field->getName()] = $field->getErrors();
        $errors[$field->getName()] = $errors[$field->getName()][0]->getMessage();
    }
}

return $this->render('GCBundle:Chart:new.html.twig', array(
    'entity' => $entity,
    'form' => $form->createView(),
    'errors' => json_encode($errors),
));

//new.html.twig
<script type="text/javascript">
var errors = {{errors}};
//WHETHER I USE A FOR LOOP
for(var err in errors){
    alert(err);
}
//OR AN **$.EACH()** FUNCTION
$.each(errors, function(k,v){
    alert(k);
});
</script>

错误：

SyntaxError: invalid property id

Answer 1

Here 我终于找到了答案，感谢 FireBug。

在控制器中，我在没有序列化器的情况下做了同样的事情：

        $errors = array();
        foreach ($form as $field) {
            if ($field->getErrors()) {
                $errors [$field->getName()] = $field->getErrors();
                $errors[$field->getName()] = $errors[$field->getName()][0]->getMessage();
            }
        }

        return $this->render('GCBundle:Chart:new.html.twig', array(
                    'entity' => $entity,
                    'form' => $form->createView(),
                    'errors' => $errors,
        ));

并在模板中：

<script type="text/javascript">
    function getJSonObject(value) {
        return $.parseJSON(value.replace(/&quot;/ig, '"'));
    }

    var storeJSON = getJSonObject("{{errors|json_encode()}}");

    $.each(storeJSON, function(k,v){
        alert('Key = ' + k + '\n' + 'Value = ' + v);
    });
</script>

问题是 each() 不能很好地处理 "，所以当我对 errors 这样做时：

getJSonObject("{{errors | json_encode()}}"),

瞧！ each() 工作正常。

Answer 2

如 this SO answer 中所述，您还可以使用另一个过滤器来满足您的需求：

{{ errors|json_encode|raw }}

Answer 3

一个可能的解决方案是将数组 twig 转换为数组 Javascript

<script>
    var errors = new Array();

        {% for error in errors %}

           errors.push({
                    name    : '{{error.name}}',
                    priority: '{{error.priority}}',
                    image    : '{{error.image}}',
                });

        {% endfor %}
<script>

Answer 4

如果你想让你的语法荧光笔正常工作，用管道连接数组，然后在管道上再次拆分它。

        var toString = "{{ yourArray|join('|') }}";
        var yourArray = toString.split('|');

遍历 javascript 块中的树枝数组

traverse twig array in javascript block

javascript

arrays

jquery

symfony

twig