0

私はGrailsを初めて使用しますが（まあ、すべてのプログラミングは初めてです）、いくつかの調査の結果、Grailsを使ってGroovyを試してみることにしました。

現在、grailsでデータテーブルを使用しようと苦労しています... DataTableの次の初期化コードがあり、phpで非常にうまく機能しますが、grailsアプリにプラグインすると、自動的にレベルが追加されます。 dataTables.spanish.txtファイルに指定したディレクトリで、DataTableインスタンスが正しく初期化されるように保持します。

¿Grailsで問題がないようにディレクトリを指定する方法を知っている人はいますか？

私のファイルは次の場所にあります：/js/tbl/dataTables.spanish.txt

ただし、サーバーが起動すると、ディレクトリはMyapp /project/js/tbl/dataTables.spanish.txtとして解析されます。

プロジェクトは私のドメインクラスの名前であり、そのクラスのビューはそのフォルダにあります...いくつかのビューで使用したいので、このファイルをビューから独立させておきたいと思います。

私のコードは現在次のようになっています（エラーを回避するためにファイルの行をコメント化する必要がありました）：

    $(document).ready(function() {
    oTable = $('#example').dataTable({
        "bJQueryUI": true,
        "bSortClasses": false,
        "sPaginationType": "full_numbers",
        "sDom": '<"H"lf>t<"F"Tip>',
        "oTableTools": {
           "aButtons": [
                    {
                        "sExtends":    "csv",
                        "sButtonText": "Exportar"
                    }
                ]
            },
            "bAutoWidth": true,
            "aLengthMenu": [[10, 20, 50, 100,-1], [10, 20, 50, 100,               "Todos"]],
            "iDisplayLength" : 20,
            "oLanguage": {
                             //"sUrl": "/js/tbl/dataTables.spanish.txt"
                }
            });

    });
4

1 に答える 1

0

GrailsはResourcesプラグインと連携して、 jsファイルとcssファイルを整理します。したがって、最初のステップは、DataTablesに必要なファイルをApplicationResources.groovyのリソースとして宣言することです。

modules = {
  dataTables {
    resource url: '/js/tbl/jquery.dataTables.min.js'
    resource url: '/js/tbl/css/jquery.dataTables.css'
  }
}

その後、GSPにモジュールを要求できます

<r:require module="dataTables" />

次に、テーブルを初期化するjavascriptを宣言します。

<r:script>
$(document).ready(function() {
  $('#example').dataTable();
});
</r:script>

すべて動作していますか？これで、ニーズに合わせてdataTableのオプションを編集できます。スペイン語のtxtファイルをjsに保存したため、アプリの実行時にリソースを使用してファイルの場所を確認する必要があります。

変化する

"oLanguage": {
  "sUrl": "/js/tbl/dataTables.spanish.txt"
}

に

"oLanguage": {
  "sUrl": "${resource(dir: 'js/tbl/', file: 'dataTables.spanish.txt')}"
}

リソースがどのように機能するかを示すこの優れたスクリーンキャストがあります。

于 2013-03-01T18:42:16.243 に答える