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
- Je vous suggère de lire cette réponse sur les différentes façons d'inclure jQuery.
Vous devez vous connecter pour publier un commentaire.
Oui, dans votre bloc de javascript, vous devez inclure le fichier jQuery. Un exemple:
Prendre soin de ne pas écraser hérité des javascripts, vous devrez peut-être ajouter
{{ parent() }}
à la{% block javascripts %}
EDIT:
Si vous n'en avez pas déjà un fichier jQuery vous pouvez le télécharger depuis le site officiel: http://jquery.com/
{{ parent() }}
. Le point est, en fait, deux points: 1- Vous devez inclure<script type="text/javascript" src="{{ asset('bundles/uamdatatables/js/jquery.min.js') }}"></script>
dans le {% block javascripts %}, ne pas remplacer, il suffit d'ajouter cette ligne. 2- avez-vous vraiment lejquery.min.js
fichier dans l'actif de l'endroit? Si vous ne le faites pas, vous pouvez télécharger et de le mettre là ou, si vous avez lajQuery
fichier dans un autre emplacement, yo peut le déplacer ou de renommer leasset path
sortable effect
?