Grails + Jquery-ui - 集成問題？

我一直在試圖用jquery-ui插件來使用grails，我創建了一個簡單的控制器以及一個使用datepicker的gsp頁面，我還沒有能夠讓日期選擇器顯示日期列表。我已經閱讀了插件文檔+論壇等文章，但還沒有找到解決辦法。Grails + Jquery-ui - 集成問題？

插上文檔 - http://grails.org/plugin/jquery-ui

開發環境= Grails的2.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 |錯誤ERROR [/Test2].[默認] - 在路徑[/ Test2]上下文中servlet [default]的Servlet.service（）拋出異常消息：看起來您缺少一些對r的調用：layoutR

下面顯示了23-jan-13在我的環境中工作的正確解決方案，如原始帖子中所述，我發現在grails網站上發佈的代碼不一定按原樣工作 - 因此進行了此編輯。（如果任何人有任何修改，都讓我直接知道）

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 = { 
}

來源

2013-01-21 user1811107

您是否瞭解如何在解決方案中切換主題？ – kmb

在這一點上，我只是堅持默認的主題（用戶界面的亮度） - 接下來我打算使用themeroller設計我自己的主題，然後將其鏈接到應用程序，如果你想我可以ping你，當我完成了。 – user1811107

我會很好，謝謝:) – kmb

注 - 我錯誤地編輯了我的原始問題並提供了答案，原始問題也有解決方案說明。

我終於成功地整合了jquery-ui和grails，面對一些讓解決方案運行的問題。腳步。

創建新的Grails項目（我的環境grails 2.2。0，JDK 7，GGTS最新版本）
安裝jQuery的UI插件，編輯BuildConfig添加運行「：jQuery的用戶界面：1.8.24」。
創建一個控制器和GSP頁，使用Grails

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該溶液中，導航到頁面上的日期選擇器，它應該會顯示時尚的日期p icker

來源

2013-01-24 03:46:38 user1811107

您使用的資源框架？如果是的話，你應該使用jquery-ui模塊是這樣的：在jquery-ui and resource framework

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

文檔。

來源

2013-01-21 18:19:24

我得到了同樣的錯誤。也許問題是由grails組成的URL以/ plugins/jquery-ui -...開頭，它實際上並不涉及到Java腳本文件的本地c：/ ...本地路徑，這意味着它不會引用到一個適當的CSS/js文件。我知道這個關鍵可能是資源框架......我還沒有想出...任何技巧指針，讚賞。 – user1811107

我終於找到了工作 - 請參閱原始帖子上的編輯 – user1811107

好的工作，感謝分享 –

您需要爲插件添加以下行。

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

並添加以下行，您使用JQuery UI的gsp頁面。

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

來源

2013-08-02 18:39:23

Grails + Jquery-ui - 集成問題？

回答

相關問題