javascript - Grails+Jquery-ui - 集成问题?

标签 javascript jquery jquery-ui grails grails-2.0

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

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

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

任何有关使其正常工作的指示都会很棒。

(我已尝试复制/重命名网络应用程序/其他文件夹中的文件,但没有成功)

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

  1. 安装了 jQuery-ui 插件

  2. 根据文档创建了 Controller 和 gsp 页面

  3. 当我导航到该页面时,出现以下错误

    错误资源.ResourceMeta - 找不到资源:/plugins/jquery-ui-1.8.24/jquery-ui/themes/darkness/jquery-ui-1.8.24.custom.css |错误 ERROR [/Test2].[default] - servlet [default] 在路径 [/Test2] 上下文中的 Servlet.service() 引发异常 消息:您似乎错过了对 r:layoutR 的一些调用

下面显示了 2013 年 1 月 23 日在我的环境中工作的正确解决方案,如原始帖子中所述,我发现 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>

Controller 代码:

def testDatePicker = { 
}

最佳答案

您使用资源框架吗?如果是,您应该使用 jquery-ui 模块,如下所示:

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

关于 jquery-ui and resource framework 的文档.

关于javascript - Grails+Jquery-ui - 集成问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14433710/

相关文章:

jquery 大师,jquery 扩展并没有克隆 dom 元素

php - 如何将值从 jquery 发布到 php

jquery - 如何在 MVC 5 项目中添加 jQueryUI 库?

jquery - 如何在切换时删除 jQuery UI 幻灯片效果方 block

javascript - 旧版浏览器中 classList `undefined` 的解决方法?

javascript - TypeError : Method Promise.原型(prototype)。然后在不兼容的接收器代理上调用

javascript - 如果页面等于 X 并且购物车商品数量等于 Y,则在 Woocommerce 上运行 Javascript

jquery - 使用jquery获取django形式的日期时间值

javascript - 让 sails.js 监听远程连接

按钮单击时的 JqueryUI 工具提示而不是悬停显示在其他地方