grails - 将DataTables插件添加到Groovy Grails工具套件-6ren

grails - 将DataTables插件添加到Groovy Grails工具套件

转载作者：行者123 更新时间：2023-12-02 14:02:48

26

4

我试图将DataTables添加到我的Groovy / Grails项目中，以清理表并添加其他功能。

我目前在使其工作方面遇到困难。我将下载文件夹添加到我的项目插件文件夹中，但是当我尝试将功能添加到我的项目中时，它似乎不起作用，仅从显示here的Cookey Cuter示例开始。
由于这不起作用，我必须对如何将附件添加到文件中遇到问题。我认为这就像下载文件并将其移动到项目插件文件夹一样容易，但这似乎行不通。

关于如何实际将文件添加到项目的任何建议？它们显示在groovy grails的我的项目目录中，但是显示在doc.media。他们在哪里显示了如何将js和css包括到html页面中，它显示了数据表/媒体...我不确定这是否是路径错误或没有。我以前从未真正向该工具套件添加过插件。它总是给我的。

如果有人能给我关于如何实际添加这样的东西的精简 list ，我将不胜感激。

这是我的show.gsp

<!doctype html>
<html>
<head>
<style type="text/css" title="currentStyle">
@import "/DataTables/media/css/demo_table.css";
</style>
<g:set var="entityName"
    value="${message(code: 'User.label', default: 'User')}" />
<meta name="layout" content="main">
<g:set var="entityName"
    value="${message(code: 'User.label', default: 'User')}" />
<title><g:message code="default.show.label" args="[entityName]" /></title>
<script>
    $(document).ready(function() {
        $('#table_id').dataTable();
    });
</script>


</head>
    <body>
    <table id="table_id" class ="display">
        <thead>
            <tr>
                <th>Column 1</th>
                <th>Column 2</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Row 1 Data 1</td>
                <td>Row 1 Data 2</td>
            </tr>
            <tr>
                <td>Row 2 Data 1</td>
                <td>Row 2 Data 2</td>
            </tr>
        </tbody>
    </table>

    </body>
    </html>

这是我的main.gsp

<!doctype html>
    <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
    <!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
    <!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
    <!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
    <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]-->
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
            <title><g:layoutTitle default="Grails"/></title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon">
            <link rel="apple-touch-icon" href="${resource(dir: 'images', file: 'apple-touch-icon.png')}">
            <link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 'apple-touch-icon-retina.png')}">
            <link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css">
            <link rel="stylesheet" href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css">
            <g:layoutHead/>
            <r:layoutResources />
        </head>
        <body>
            <div style ="font-weight:bold; font-size:20px" id="grailsLogo" role="banner"><a href="${createLink(uri: '/')}">Grails</a></div>
            <g:layoutBody/>
            <div class="footer" role="contentinfo"></div>
            <div id="spinner" class="spinner" style="display:none;"><g:message code="spinner.alt" default="Loading&hellip;"/></div>
            <g:javascript library="application"/>
            <r:layoutResources />
        </body>
    </html>

最佳答案

我认为“插件”一词让您大跌眼镜。这不是Grails插件，而是jQuery插件。完全不同。首先，请确保您已经安装了jQuery本身，并且可以正常工作。

您下载的文件将位于以下位置:
web-app/js中的

.js文件

web-app/css中的

.css文件

web-app/images中的

图像文件(我很确定这是基于查看css文件的位置)

然后将它们包括在gsp页面中:

用 conf/ApplicationResources.groovy

modules = {
    application {
        resource url:'js/application.js'
        resource url:'js/jquery.dataTables.min.js'
    }
}

在GSP中

<head>
<link rel="stylesheet" href="${resource(dir:'css', file: 'demo_table.css')}" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js" type="text/javascript"></script>

<g:set var="entityName"
value="${message(code: 'User.label', default: 'User')}" />
<meta name="layout" content="main">
<g:set var="entityName"
  value="${message(code: 'User.label', default: 'User')}" />
<title><g:message code="default.show.label" args="[entityName]" /></title>
<script>
$(document).ready(function() {
    alert('I am working'); //remove once you see the alert
    $('#table_id').dataTable();
});
</script>
</head>
....

(这将在页面加载时向您发出警报，就像检查以确保jQuery正常工作一样。看到警报后，可以删除该 alert行)

我以使用它的方式包括了jQuery；从CDN获取它，因此我可以保持最新状态。

然后按照列出的演示页面上的其余示例进行操作。

关于grails - 将DataTables插件添加到Groovy Grails工具套件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16655943/

26

4

0

文章推荐： git clone 无法访问 docker 容器内的主机

文章推荐： vagrant - 配置需要 VM 从 Vagrantfile 运行的 VBoxManage 命令

文章推荐：在 xen 中记录 xm 控制台输出？

文章推荐： batch-file - 使用PuTTY向远程ftp命令提供密码和命令

grails - Grails:Grails Doc的替代品？
Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。想改善这个问题吗？更新问题，以便将其作为on-topic
grails - grails repo 的最新网址是什么？ (repo.grails.org/grails/repo 与 repo.grails.org/grails/plugins)
我们正在尝试使用 https://grails.org/plugin/jms用于 jms 集成。但我们无法解决它。环顾四周，我能够验证它是否存在于这个 repo 中: http://repo.gra
grails - Grails 3用于grails.test.Mock的集成测试迁移Utils grails.test.Grails Mock
我有许多集成测试在grails 3中失败(而在grails 2中通过)，因为它无法解析导入: grails.test.MockUtils grails.test.Grails模拟我找不到有关应如何迁
grails - 来自 Grails 的关于 Grails 错误的电子邮件通知
有没有办法在 Grails 站点上发生 Grails 错误时向自己发送详细信息？设置它的最佳方法是什么？在一个地方？ (试图保持干燥) 我想包括产生错误的 URL。最佳答案 . 如果您打算捕获项目
grails - 在 Grails 应用程序和非 Grails 应用程序之间共享域对象
我有一个 grails 应用程序，其中包含一些被序列化为 JSON 的域对象。在另一个 java/groovy 项目中，我想使用这些域对象。如果我发布一个插件，看起来只有其他 grails 应用程序可
grails - 从 Grails 插件命令连接到 Grails 数据源
我正在尝试为 Grails 编写一个插件，该插件将根据我们在遗留数据库中设计的特殊 View 自动生成我的域类。我基本上只是想节省一些时间手动编写使域类工作所需的所有映射内容。我是否可以从自定义 A
grails - 如何从另一个 Grails 插件配置 Grails 插件
我正在尝试编写一个可以在多个 Grails 应用程序中重用的插件。该插件基本上应该是 spring security core 的包装器和 ldap 插件。这意味着它应该包含: 用户/角色的域类 S
grails - 使用 grails 过滤器保护 grails 旋律
我有一个应用程序，我在其中使用 Spring Security 和 grails 旋律。我计划在生产环境中运行 grails melody，但不希望访问者访问它。我应该如何做到这一点？我尝试在 gra
grails - Grails 2.1.1在每个 'grails clean'之前都需要 'grails run-app'-仅命令行
我只是继承了一个现有的应用程序，而我注意到的第一件事是我必须在每个“grails run-app”之前进行“grails clean”操作，否则会出错。创建该项目的人说，他们还有其他几个具有类似设置的
grails - Grails 如何将字符串转换为枚举？
我有一个自定义 toString我的枚举中的方法: enum TaxRate implements Serializable { RATE23(23.0), ... priva
grails - Grails 如何处理插件依赖
我正在创建一个 Grails 插件作为复杂产品的包装器。该产品对其他产品(如 hibernate)有很多依赖性。问题是，grails 有一些相同的依赖项，但版本不同。例如。 Grails -> 休眠
grails - 有状态与无状态服务 Grails
当我掉进 grails 服务的兔子洞时，我目前正在将业务逻辑从 Controller 方法转移到服务。我的服务中有以下方法: Job closeJobOpportunity(Job op, Emplo
grails - 返回自定义验证器错误 Grails
我只收到默认验证器消息。我究竟做错了什么？ class Questao { static hasMany = [alternativas:Alternativa] static constraints
grails - Grails 中的项目集成
Closed. This question needs to be more focused 。它目前不接受答案。想改善这个问题吗？更新问题，使其仅通过 editing this post 关注一个
grails - Grails 版本支持多长时间？
特定版本的 Grails 支持多长时间？一般的 VMWare 支持策略似乎是支持当前版本和一个版本。我无法找到任何关于支持多长时间版本的 Grails 特定信息，通用 VMWare 策略是否适用？最
grails - Grails 交互模式中的静态字符串
我有一个通过 grails 交互模式运行的 grails 应用程序。此应用程序包含服务、tagLibs、gsps 等，但最重要的是它包含 src/groovy 文件夹中的 groovy 文件。这些
grails - Grails 可以编写响应吗？
LinkedIn 的人们一直在以一种有趣的方式使用 Play 来处理需要由许多不同组件组成的页面:http://engineering.linkedin.com/play/composable-and
grails - Grails 中的异步编程
我在 Grails 应用程序中使用 Servlet 3.0 异步渲染。我收到以下错误。 | Error 2014-04-29 11:10:24,125 [Actor Thread 28] ERROR
grails - grails 脚手架是否以任何方式进行交易？
我看了Controller.groovy源代码，看起来 CRUD 操作不是事务性的(至少是明确的)。如果我是对的，这是否意味着不应该在生产中按原样使用动态脚手架？有没有办法使它具有事务性(即我可以修
grails - Grails 中不区分大小写的唯一约束
我如何基本上对字符串数据类型字段执行唯一约束。 class User{ String username String Email static hasMany = [roles:Roles

首页

博学

6Ren·AI

商城

grails - 将DataTables插件添加到Groovy Grails工具套件