Niceform js with Grails 1.3.7

时间:2011-11-11 04:45:47

标签: javascript css grails gsp

我将在我的网络应用程序中使用niceform css(http://www.emblematiq.com/lab/niceforms/demo/v20/niceforms.html)中的设计。我目前正在使用grails 1.3.7。

我发现在niceform.js中它有一个变量:var imagesPath =“../ css / img /”;

似乎我需要在其中提供正确的路径,您是否知道如何使用Grails修改该路径?我想能够使用动态链接,因此它可以:var imagesPath =“$ {grailsPath} / css / img /”;

3 个答案:

答案 0 :(得分:1)

就个人而言,我会把图像放在Grails图像目录下的一个漂亮的目录中。然后将.js代码放入GSP模板

<g:javascript>
  var imagesPath = "${resource(dir:'images/niceform')";

  // rest of JS code here
</g:javascript>

假设此模板名为“_foo.gsp”,请使用<g:render template="foo"/>,否则您将包含.js文件。

更新

如果您正在使用新资源插件(并且您应该使用),请改用:

<r:script>
  var imagesPath = "${resource(dir:'images/niceform')";

  // rest of JS code here
</r:script>

答案 1 :(得分:0)

我的想法:

  1. 将niceform.js放入您的项目并进行自定义(并重命名为niceform.custom.js);
  2. imagesPath 中放置niceform.js所需的资源;
  3. 定义全局js变量 imagesPath 并在js文件中使用它(请参阅javascript中的命名空间)。

答案 2 :(得分:0)

尝试这样的资源:$ {resource(dir:'css',file:'main.css')}