grails - 如何将 Fuel UX 集成到 Grails 项目中?

标签 grails twitter-bootstrap fuelux

我已经在 Grails 中启动了一个项目,我想包含用于 UI 的 Twitter Bootstrap,但后来发现了 Fuel UX。有谁知道如何将 Fuel UX 集成到 grails 项目中的任何示例吗?

谢谢。

最佳答案

我没有使用过 FuelUX,但是集成这些库就像将它们的资源包含到您的应用程序中并将它们包含到您的页面中一样简单。如果您在应用程序中使用资源插件,它会为您处理好。这就是 twitter bootstrap 和其他插件为您做的事情。

将所有必需的资源(js/css)从 FuelUX 复制到 web-app 文件夹中,并在 YourResource.groovy 文件中定义它们。

示例: YourResource.groovy

modules = {
fuelux {
    dependsOn 'jquery,
    resource url:'/js/core.js', disposition: 'head'
    resource url:'/js/ui.js'
    resource url:'/css/main.css', 
    resource url:'/css/branding.css'
 }
}

在您的页面中,您可以导入 fuelux 模块,您将其定义为所需的 css 和 js。如果它依赖于jquery,你可以dependsOn它,如果不删除它。但将其包含在您的页面中:

<r:require module="fuelux"/>

如果您在整个页面中使用它,您可以在您的layout.gsp中定义它 有关资源插件以及如何使用它的更多信息,请阅读 here

关于grails - 如何将 Fuel UX 集成到 Grails 项目中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17389897/

相关文章:

date - Grails-字符串到日期的转换

javascript - Fuelux 数据网格并需要 js

knockout.js - 使用 FuelUX 树将可观察到的 knockout 订阅到自定义 Jquery 事件

grails - 如何使用Grails DBMigration插件更新已运行的数据库迁移文件?

hibernate - GORM删除操作:找到相同集合的两个表示

javascript - 如何在提交时在输入字段中使用键入的十六进制代码创建新的 div 背景颜色

javascript - 如何移动 Bootstrap 列?

html - Twitter bootstrap——导航栏绝对定位

javascript - 如何将 FuelUX Spinner 连接到输入元件?

grails - 在grails模型关联中需要帮助