Comment faire pour utiliser JQuery dans TWIG (symfony2)

Je suis en train d'essayer d'utiliser JQuery dans TWIG. Mon site a été créé à l'aide de Symfony2. J'ai actuellement un tableau dans TWIG (cela fonctionne - voir ci-dessous), pour laquelle je tiens à rendre l'utilisation de JQuery afin de faire mon tableau des colonnes triables.

<table><tr><th>cat</th> <th>dog</th> <th>fish</th> </tr> {% for result in results %}<tr><td>{{result.cat_name}}</td><td>{% for dog in result.dogs %} {{dog.dog_name}}{% endfor %} </td> <td>{% if result.fishs is defined %} {% for fish in result.fishs %}
{{fish.fish_uri}}
  {% endfor %} {% endif %} </td></tr>{% endfor %}

Je voudrais faire usage de tables de données (voir ici) afin d'obtenir mon fonctionnalités souhaitées à partir de ma table. Il y a un bundle (voir ici) qui a été créé pour permettre l'utilisation de tables de données dans TWIG. Le paquet a été installé avec succès (web/bundles/uamdatatables/).

Ce qui me cause de l'incertitude (comme bundle n'ont pas les instructions d'utilisation), c'est que j'ai essayé de faire le bundle de travail (pour faire mon tableau, les fonctionnalités offertes par les tables de données), et pourtant mon tableau reste inchangé (pas de messages d'erreur soit).

Demandais si quelqu'un pourrait me dire ce que je fais de mal? Je n'ai jamais utilisé JQuery avant, et je suis nouveau sur Symfony. Ai-je besoin d'une sorte de "comprendre" énoncé (pour obtenir de fichiers js)?

//point de vue.html.twig

<table><table id="table_id" class="display"><thead> {% block stylesheets %}
<link href="{{ asset('/bundles/uamdatatables/css/jquery.dataTables.css') }}" rel="stylesheet" />
<script type="text/javascript" charset="utf-8" src="/bundles/uamdatatables/css/jquery.dataTables.css"></script>
    {% endblock %}<tr><th>cat</th> <th>dog</th> <th>fishs</th> </tr></thead> <tbody><?php $(document).ready( function () {
$('#table_id').dataTable();} );?>{% block javascripts %}
        <script src="{{ asset('/bundles/uamdatatables/js/jquery.dataTables.js') }}"></script>
    {% endblock %}{% for result in results %}<tr><td>{{ result.cat_name}}</td><td>{% for dog in result.dogs %}{{dog.dog_name}}{% endfor %}</td><td>{% if result.fishs is defined %} {% for fish in result.fishs %}{{fish.fish_uri}}{% endfor %}{% endif %}</td></tr>{% endfor %}</tbody> </table>

Merci!
Tanya

InformationsquelleAutor Tanya H | 2013-07-17