1

我一直在尝试将 grails 与 jquery-ui 插件一起使用，我创建了一个简单的控制器以及一个使用日期选择器的 gsp 页面，我无法让日期选择器显示日期列表。我已经阅读了论坛等上的插件文档+文章，但没有找到解决方案。

插件文档 - http://grails.org/plugin/jquery-ui

开发环境 = grails 2.2.0, JDK 7, GGTS 最新版本

任何让这个工作的指针都会很棒。

（我曾尝试在网络应用程序/其他文件夹中复制/重命名文件，但没有成功）

步骤 1. 创建一个新的 grails 项目

  1. 安装了jQuery-ui插件

  2. 创建了一个控制器和 gsp 页面 - 根据文档

  3. 当我导航到该页面时，它给了我以下错误

    错误 resource.ResourceMeta - 找不到资源：/plugins/jquery-ui-1.8.24/jquery-ui/themes/darkness/jquery-ui-1.8.24.custom.css | 错误 ERROR [/Test2].[default] - Servlet.service() for servlet [default] in context with path [/Test2] throw exception 消息：看起来您缺少对 r:layoutR 的一些调用

如原始帖子中所述，在我的环境中工作的 23-jan-13 上的正确解决方案如下所示，我发现 grails 网站上发布的代码不一定按原样工作 - 因此进行了此编辑。（如果有人有任何修改，请直接告诉我）

普惠制代码：

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

3 回答 3

1

你在使用资源框架吗？如果是，您应该jquery-ui像这样使用模块：

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

关于jquery-ui 和资源框架的文档。

于 2013-01-21T18:19:24.837 回答
0

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

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-02T18:39:23.703 回答
0

注意 - 我在提供答案的同时错误地编辑了我的原始问题，原始问题也有解决方案描述。

我终于成功地集成了 jquery-ui 和 grails，遇到了一些允许解决方案运行的问题。脚步。

  1. 新建Grails项目（我的环境grails 2.2.0，JDK 7，GGTS最新版本）
  2. 安装jquery-ui插件，编辑BuildConfig添加运行时 ":jquery-ui:1.8.24"。
  3. 使用 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 中运行解决方案，导航到页面上的日期选择器，它应该向您显示时尚的日期选择器

于 2013-01-24T03:46:38.883 回答