[英]traverse twig array in javascript block
使用 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 块中使用该数组来警告错误或工具提示或其他任何东西,但我需要访问其键和值,例如使用.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() 函数,但我认为这是将这个添加到“知识包”中的好时机,听起来很陈词滥调......
如果可以的话,请在您的评论中显示一些带有想法的代码...
编辑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:
我检查你的链接,但尽管它系列化$errors
OK,它并没有说明在JavaScript块这是我真正需要的outputing这些错误的东西。
看看我尝试过的所有方法,我希望你能从我遇到的错误中想出一些东西:
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\twig\1a\00\0a022cd3a377dd20d520580dffea.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
在这里,我终于找到了答案,感谢 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(/"/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()}}")
,
VOILÀ!!! each()
工作正常。
正如在这个 SO answer 中提到的,您还可以使用另一个过滤器来满足您的需求:
{{ errors|json_encode|raw }}
一个可行的解决方案是将数组树枝转换为数组 Javascript
<script>
var errors = new Array();
{% for error in errors %}
errors.push({
name : '{{error.name}}',
priority: '{{error.priority}}',
image : '{{error.image}}',
});
{% endfor %}
<script>
如果您想让语法荧光笔正常工作,请使用管道连接数组,然后在管道上再次拆分它。
var toString = "{{ yourArray|join('|') }}";
var yourArray = toString.split('|');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.