Twig模板中DataTables中的静态子行(附加信息)
Static child rows (additional info) in DataTables in Twig-Template
我将Symfony2与Doctrine、Twig和DataTables一起使用。在DataTable中,显示了我的实体的概述以及基本信息。单击一行,我想显示实体的附加信息,如您所见。
以下是代码(其中应用程序是我的条令实体的集合):
<tbody>
{% for application in applications %}
<tr id="application-{{ application.id }}" data-child-information="{{ application | json_encode | raw }}">
<td>
{{ application.name }}
</td>
<td>
{{ application.company.name | default("") }}
</td>
<td>
{{ application.events.count }}
</td>
<td>
{{ application.dateCreate | date('d.m.Y') }}
</td>
<td>
{% if application.dateSent %}
{{ application.dateSent | date('d.m.Y') }}
{% else %}
{{ application.readableStatus(constant('APPLICATION_STATUS_OPEN', application)) }}
{% endif %}
</td>
{% endfor %}
</tbody>
文档中说,将使用ajax调用来获取数据。但是由于我已经有了实体的信息,所以我不想使用AJAX,而是从一开始就创建子行。对此,最好的做法是什么?正如你所看到的,我试图将json编码的实体保存在数据标记中,这样我就可以在javascript函数中读取它(请参阅DataTables文档中的format函数。
您不必使用文档中的方法,这只是一个建议。您可以简单地将data-child-information
的内容注入详细信息行:
$('#example tbody').on('click', 'td.details-control', function () {
var tr = $(this).closest('tr');
var row = table.row( tr );
if ( row.child.isShown() ) {
// This row is already open - close it
row.child.hide();
tr.removeClass('shown');
}
else {
// Open this row
row.child(tr.attr('data-child-information')).show();
tr.addClass('shown');
}
});
"在家工作"演示->http://jsfiddle.net/mgmL0f8c/
相关文章:
- 访问布局信息是否也会导致浏览器重排
- 定义完全独立的样式信息
- 使用html2canvas获取基本信息
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 从信息框调用弹出图像库
- 如何处理10页以上的静态页眉/页脚
- 如何在不传递此信息的情况下查找被调用的元素
- 将谷歌自动完成地址信息放在页面上,而不是表格中
- Grunt-connect在根目录之外提供静态文件
- 来自文档或下一个静态父级的事件委派
- JavaScript命名约定;静态“;类或模块
- 无法理解JavaScript中的静态方法
- Twig模板中DataTables中的静态子行(附加信息)
- GoogleMaps API:如何将geoJSON属性与信息框中的静态文本连接起来
- Datatables服务器端信息+带2个按钮的静态列
- 如何使用 javascript 将静态信息分配给随机选择的数据
- 如何将静态资源用于信息窗口集内容
- 如何在node.js中获取Rx/Tx字节(/packets)等网络静态信息
- 是否需要对HTML表单中的静态信息进行客户端验证
- 谷歌地图脚本-改变静态信息与变量从数据库循环