javascript - Grails + Jquery-ui-統合の問題？

Question

jquery-uiプラグインでgrailsを使用しようとしていますが、日付ピッカーを使用するgspページと一緒に単純なコントローラーを作成しましたが、日付ピッカーに日付のリストを表示させることができませんでした。プラグインのドキュメントとフォーラムなどの記事を読みましたが、解決策が見つかりませんでした。

プラグインドキュメント-http: //grails.org/plugin/jquery-ui

開発環境=grails2.2.0、JDK 7、GGTS最新バージョン

これを機能させるためのポインタは素晴らしいでしょう。

（Webアプリ/その他のフォルダー内のファイルをコピー/名前変更しようとしましたが、成功しませんでした）

手順1.新しいgrailsプロジェクトを作成しました

jQuery-uiプラグインをインストールしました
コントローラとgspページを作成しました-ドキュメントに従って
ページに移動すると、次のエラーが表示されます

エラーresource.ResourceMeta-リソースが見つかりません：/plugins/jquery-ui-1.8.24/jquery-ui/themes/darkness/jquery-ui-1.8.24.custom.css | エラーエラー[/Test2]。[デフォルト]-パス[/Test2]とのコンテキストでサーブレット[デフォルト]のサーブレット.service（）が例外をスローしましたメッセージ：r：layoutRへの呼び出しがいくつか欠落しているようです

元の投稿で説明されているように、私の環境で機能した2013年1月23日の正しい解決策を以下に示します。grailsのWebサイトに投稿されたコードは、必ずしもそのままでは機能しないことがわかりました。したがって、この編集です。（誰かが編集をしている場合は、直接私に知らせてください）

GSPコード：

<html>
    <head>
        <title>Simple GSP page</title>
        <g:javascript library="jquery" />
        <g:javascript library="jquery-ui"/>

        <script type="text/javascript">

            $(document).ready(function() { 
               $("#datepicker").datepicker({dateFormat: 'yy/mm/dd'}); }) 
        </script>
 <r:layoutResources/>   
 </head>
    <body>
        <div>
            <p> Between <input type="text" id="datepicker"> </p>        
        </div>
      <r:layoutResources/>
    </body>
</html>

コントローラーコード：

def testDatePicker = { 
}

score 1 · Accepted Answer

リソースフレームワークを使用していますか？はいの場合、次のjquery-uiようなモジュールを使用する必要があります。

<r:require module="jquery-ui"/>

jquery-uiとリソースフレームワークに関するドキュメント。

score 0 · Accepted Answer

注-回答を提供するとともに元の質問を誤って編集しました。元の質問には解決策の説明も含まれています。

私はついにjquery-uiとgrailsの統合に成功し、ソリューションの実行を可能にするいくつかの問題に直面しました。手順。

新しいGrailsプロジェクトを作成します（私の環境grails 2.2.0、JDK 7、GGTS最新バージョン）
jquery-uiプラグインをインストールし、 BuildConfig add runtime "：jquery-ui：1.8.24"を編集します。
grailsを使用して、コントローラーとgspページを作成します

GSPページのコンテンツ

 <html>
    <head>

    <title>Simple GSP page</title>
    <g:javascript library="jquery" />
    <g:javascript library="jquery-ui"/>

    <r:layoutResources/>   

    <script type="text/javascript">

       $(document).ready(function() { 
           $("#datepicker").datepicker({dateFormat: 'yy/mm/dd'}); }) 
    </script>


     </head>
        <body>
            <div>
                <p> Between <input type="text" id="datepicker"> </p>        
            </div>
          <r:layoutResources/>
        </body>
    </html>

コントローラーコード：

    def testDatePicker = { 
    }

4.ソリューションをgrailsで実行し、ページの日付ピッカーに移動します。洗練された日付ピッカーが表示されます。

score 0 · Accepted Answer

プラグインには次の行を追加する必要があります。

plugins {    
        runtime ":jquery:1.8.3"
        compile ":jquery-ui:1.8.24"
    }

そして、JqueryUIを使用するgspページに次の行を追加します。

< head>
     < g:javascript library="jquery" />
     < r:require modules="jquery-ui"/>
     < r:script>
        $(document).ready(function() {
               your code...
        });
     < /r:script>
< /head>

javascript - Grails + Jquery-ui-統合の問題？

3 に答える 3

Related

Reference