jquery - BootStrap.groovy数据到gsp中的jqGrid中(groovy服务器页面)-6ren

jquery - BootStrap.groovy数据到gsp中的jqGrid中(groovy服务器页面)

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

27

4

如何在gsp页面中将BootStrap数据填充到jqGrid布局中
我需要使用BootStrap类在gsp页面上显示所有静态数据，然后相应地创建webservice。

我正在使用Grails 2.3.8，GGTS 3.5.1，jdk 1.7。

BootStrap.groovy文件:

class BootStrap {

    def init = { servletContext ->
        // if we have an empty customer database,
        // create some test data
        if (Customer.count() == 0) {
            new Customer(
              firstName:'John', lastName:'Smith',
              age:27,
              emailAddress:'john@somewhere.com'
            ).save()
            // and so on
          }
        }

    def destroy = { }

}

域类:

class Customer {
    String firstName
    String lastName
    Integer age
    String emailAddress
}

Controller 类:

class CustomerController {

// return JSON list of customers
    def jq_customer_list = {
      def customers = Customer.list()
      def jsonCells = customers.collect {
            [cell: [it.firstName,
                    it.lastName,
                    it.age,
                    it.emailAddress
                ], id: it.id]
        }
        def jsonData= [rows: jsonCells]
        render jsonData as JSON
    }
}

gsp文件:

<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<meta name="layout" content="main"/>
 <link rel="stylesheet" href="${resource(dir:'css',file:'main.css')}" />
        <link rel="stylesheet" href="${resource(dir:'css',file:'ui.jqgrid.css')}" />
        <link rel="stylesheet" href="${resource(dir:'css/ui-lightness',file:'jquery-ui-1.7.2.custom.css')}" />
        <g:javascript src="jquery-1.3.2.min.js"/>
        <g:javascript src="jquery-ui-1.7.2.custom.min.js"/>
        <g:javascript src="grid.locale-en.js"/>
        <g:javascript src="jquery.jqGrid.min.js"/>

<title>Customer list</title>
</head>
<body>
  <div class="body">
  <h1>Customer List</h1>

            <!-- table tag will hold our grid -->
            <table id="customer_list" class="scroll jqTable" cellpadding="0" cellspacing="0">

            </table>
            <!-- pager will hold our paginator -->
            <div id="customer_list_pager" class="scroll" style="text-align:center;"></div>

            <script type="text/javascript">
            /* when the page has finished loading.. execute the follow */
            $(document).ready(function () {
                jQuery("#customer_list").jqGrid({
                  url:'jq_customer_list',
                  datatype: "json",
                  colNames:['First Name','Last Name','Age','Email Address','id'],
                  colModel:[
                    {name:'firstName'},
                    {name:'lastName'},
                    {name:'age'},
                    {name:'email'},
                    {name:'id'}
                  ],
                  pager: jQuery('#customer_list_pager'),
                  viewrecords: true,
                  gridview: true
                });
            });
            </script>

  </div>
</body>
</html>

最佳答案

我不是jqgrid的专家，但是我可以想象出您的问题的以下解决方案:

$(document).ready(function () {
   jQuery("#customer_list").jqGrid({
     url:'${g.createLink( controller:'customer', action:'jq_customer_list' )}',
     ...

关于jquery - BootStrap.groovy数据到gsp中的jqGrid中(groovy服务器页面)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25445321/

27

4

0

文章推荐： grails - 属性组“By”是引用另一个表的外键

文章推荐： xml - Groovy的XMLUtil序列化方法不起作用

groovy - 在 groovy 脚本中包含一些 groovy 脚本
我有一些库脚本:lib1.groovy: def a(){ } lib2.groovy: def b(){ } lib3.groovy: def c(){ } 并想在其他脚本中使用它们:配置文件: a
groovy - 如何将 Groovy 放在集中式 Groovy 库中并从任何脚本访问该类
我有下面的 Groovy 脚本，我需要将它放在集中式 Groovy 库中，然后从 Ready API 项目中的任何脚本访问 Groovy 中提到的类路径 : D:\GroovyLib\com\Lin
groovy - 所有 Groovy 代码都对 Groovy++ 有效吗？
看完后this link ，我想尝试Groovy++，但我有一个担心； Groovy 的所有语法在 Groovy++ 中都有效吗？例如，我可以在 Groovy 中执行此操作: def list =
groovy - Spring Boot + Groovy + logback.groovy
我在 Spring-boot 应用程序中混合了 Groovy 和 Java。休息 Controller 和数据访问是用 Groovy 编写的。配置主要使用Java。根据 logback 文档，如果类
groovy - 在另一个 groovy 中包含一个 groovy 脚本
我已阅读how to simply import a groovy file in another groovy script 我想在一个 groovy 文件中定义常用函数，并从其他 groovy 文
groovy - 是否可以将多个 groovy 类放在同一个 groovy 文件中？
你知道，我也知道，只要只有一个是公共(public)的，就可以用 Java 实现。但是，在 Groovy 中可以这样做吗？如果是的话，在什么条件下？最佳答案 Java 和 Groovy 之间在可以放
groovy - 如何在另一个 groovy 脚本中简单地导入 groovy 文件
~/groovy % tree . ├── lib │ ├── GTemplate.class │ └── GTemplate.groovy └── Simple.groovy class
groovy - 将参数复制到 Groovy 类中的属性的 Groovy 方法是什么？
给定一个具有属性和构造函数的对象，我希望将构造函数参数复制到属性中，然后在构造函数中做一些额外的工作。 import groovy.transform.TupleConstructor @TupleC
groovy - 使用 groovy 脚本输出作为另一个 groovy 脚本的输入
我会提前道歉，我是 groovy 的新手。我的问题是我有 3 个执行不同功能的 groovy 脚本，我需要从我的主 groovy 脚本中调用它们，使用脚本 1 的输出作为脚本 2 的输入和脚本 2 的
groovy - Groovy 中静态闭包的访问值
我想在静态闭包中存储一些属性，然后在方法调用期间访问它们: class Person { static someMap = { key1: "value1", key2: "value2" } }
groovy - Groovy 中的安全范围运算符？
Groovy 是否有安全范围运算符？例如，如果我有， [1,2,3][0..10] Groovy 会抛出一个 java.lang.IndexOutOfBoundsException: 有没有索引安全
groovy - Groovy 中的内联条件映射字面量
在 Groovy 中使用 Maps/JsonBuilder 处理一些翻译/映射功能。是否有可能(无需在 map 文字创建之外创建额外的代码).. 有条件地包含/排除某些键/值对？一些事情沿着以下路线
groovy - Groovy:if-then语句是否具有局部作用域？
不知道我是否正确询问，但是我有类似以下内容: def x = 1 if (x == 1) { def answer = "yes" } println answer 我收到错误
groovy - groovy 是弱类型还是强类型？
我不明白 groovy 打字是如何工作的。在 wikipedia据说它具有很强的类型，但我可以在解释器上完美地做到这一点: 1 + '1' ==> 11 所以也许我很困惑，我不明白弱类型是什么，但我想
groovy - Groovy 中的函数式样式计数器
我对函数式编程概念非常陌生，正在观看 Neil Ford 在 youtube 中的演讲。 .在那里他谈到了一个计数器来演示一段代码而不使用全局状态(在 20:04)。来自 Java 世界，我很难理解这
groovy - Groovy 中的类型类型转换
我有两个问题。我执行以下代码来查找 $ 的 ASCII 值: def a = "\$" def b = (int)a println b //prints 36 好吧，我对答案很满意。但是当我尝试像
groovy - Groovy 做值匹配的方法？
只是想知道时髦像这样与默认值进行值匹配的方法？ if(params.max != 10 && params.max != 20 && params.max != 30){ params.m
groovy - Groovy *。运营商
我最近正在读《行动中的格鲁夫》。在第7章中，它介绍了*。运算符(operator) 。当我运行有关此运算符的代码时，我会遇到一些错误。 class Invoice {
groovy - Groovy 中的真正组合
是否有易于阅读的方法或一些聪明的方法来制作 combination Groovy 中的元素？我知道 Iterable#combinations或 GroovyCollections#combinati
groovy - 安装 Groovy
最近我下载了 Groovy-2.3.6 并尝试在 Linux 系统上安装它。我按照 http://groovy-lang.org/install.html 的说明进行操作.我设置了我的 GROOVY_

首页

博学

6Ren·AI

商城

jquery - BootStrap.groovy数据到gsp中的jqGrid中(groovy服务器页面)