1

現在、TWIGでJQueryを使用しようとしています。私のウェブサイトは Symfony2 を使用して作成されました。現在、TWIGにテーブルがあります（動作します-以下を参照）。テーブルの列をソート可能にするためにJQueryを使用したいと考えています。

<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 %}

テーブルから目的の機能を取得するために、DataTables (こちらを参照) を利用したいと考えています。TWIG で DataTable を使用できるようにするために作成されたバンドル (こちらを参照) があります。バンドルが正常にインストールされました (web/bundles/uamdatatables/)。

(バンドルに使用説明書がなかったので) 不確かな原因は、バンドルを機能させようとした (テーブルに DataTables によって提供される機能を持たせるため) にもかかわらず、テーブルが変更されていないことです (エラーメッセージもありません)。

誰かが私が間違っていることを教えてくれるかどうか疑問に思っていますか? 私はこれまで JQuery を使用したことがなく、Symfony は初めてです。(js ファイルを取得するために) ある種の "include" ステートメントが必要ですか?

//view.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>

ありがとうございました！ターニャ

4

1 に答える 1

4

はい、JavaScript のブロックに jQuery ファイルを含める必要があります。例：

{% block javascripts %}
    <script type="text/javascript" src="{{ asset('bundles/uamdatatables/js/jquery.min.js') }}"></script>
{% endblock %}

継承された JavaScript を上書きしないように注意してください{{ parent() }}。{% block javascripts %}

編集：

jQuery ファイルをまだお持ちでない場合は、公式 Web サイトhttp://jquery.com/からダウンロードできます。

于 2013-07-17T13:28:21.167 に答える