社区首页 >问答首页 >Grails动态显示实现(部分页面更新)

Grails动态显示实现(部分页面更新)
EN

Stack Overflow用户
提问于 2014-04-07 05:23:34
回答 1查看 593关注 0票数 1

我有一个选择字段来选择这个部门。我想要实现一个显示在该部门工作的员工列表的视图。我希望在同一个页面(视图)中同时显示“选择”字段和“员工列表”。如何将选定的字段参数发送到相同的控制器,更新employees对象的列表并在同一页中显示列表。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-04-07 05:40:53

部分页面更新有三个主要部分。我将给你一个总体的概述,每个部分是如何组成的一些例子。这应该能让你走上正确的道路。我不得不做很多假设,因为你的问题对细节很敏感。但是,您应该能够获取这些信息并编写您所获得的实现。

第1部(提出要求)

这包括监视选择列表以进行更改,并将所选选项的值发送给控制器。JQuery非常适合这一点。我将假设select列表的id为"departmentId“,我们希望将员工列表的内容放入一个id为"displayList”的元素中。

代码语言:javascript
代码运行次数:0
复制
<script type='text/javascript'>
<!--
  (function() {
    $("#departmentId").on("change", function() {
      $.get("${g.createLink(controller: 'employeee', action: 'listForDepartment')}/"+$(this).val(), function(data) {
        $("#displayList").html(data);
      });
    });
  })();
// -->
</script>

第2部分(满足要求)

第二部分是我们获得员工名单的控制器代码。这只是一个例子,它看起来可能是什么样子。注意,我们将呈现一个模板,而不是一个视图。这非常重要,因为我们不希望Grails (Sitemesh)对结果应用任何布局。

代码语言:javascript
代码运行次数:0
复制
class EmployeeController {
  ...
  def listByDepartment() {
    def model = [:]
    model['department'] = Department.get(params.id)
    model['employees'] = Employee.findAllByDepartment(model['department'])
    render template: 'employeeListForDepartment', model: model
  }
  ...
}

第3部分(在模板中显示结果)

最后,我们的模板grails-app/views/employee/_employeeListForDepartment.gsp将显示我们部门的员工。由于我们使用了employee控制器,模板位于employee视图中,所有模板都以下划线开头。

代码语言:javascript
代码运行次数:0
复制
<h1>Employees for ${department.name}</h1>
<ul>
<g:each in="${employees}" var="employee">
  <li>${employee.name}</li>
</g:each>
</ul>

当然,您的实现细节非常不同,但是总体概念应该是相同的。这只是触及了主要部分,并留下了许多细节,如纺丝,取消请求,等等。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22913806

复制
相关文章
js实现HTML页面时钟动态显示
代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body οnlοad="startTime()"> <script> // var date = new Date(); // date.setFullYear(2010,1,11) // document.write(date) //时钟 function startTime() {
开心分享
2020/08/05
7.7K0
js实现HTML页面时钟动态显示
var mytime =setInterval(function () {getTime();},1000);function getTime() {var d =new Date();var t =d.toLocaleTimeString();document.getElementById("ptime").innerHTML =t;}
开心分享
2021/04/07
5.4K0
Tensorflow实现部分参数梯度更新
在深度学习中,迁移学习经常被使用,在大数据集上预训练的模型迁移到特定的任务,往往需要保持模型参数不变,而微调与任务相关的模型层。本文主要介绍,使用tensorflow部分更新模型参数的方法。
CodeInHand
2018/12/04
3K0
页面分部分加载呈现收集(不断更新中)
前言                                      因项目首页内容多,每次点击都会有一段画面空白的时间,使用感不好,于是找找看有没有好方法。这里就把收集到的方法记录下来,供以后查阅。本篇只有开始没有结束,会不断地添加内容。^_^ 目录                                    1.使用Response.Flush(),有多少输出多少                    默认情况下Asp.net页面是启动了Response的输出缓存,那么全部输出的内容
^_^肥仔John
2018/01/18
1.2K0
页面分部分加载呈现收集(不断更新中)
前端页面热更新实现方案
前端页面热更新 了解过前端性能优化的同学应该清楚,给页面加载提速的终极方案就是CDN,这是BS架构本身的特点决定的,无论什么前端提速手段,最终都会回到客户端文件的传输上来;与之相对的CS架构则不存在加载压力,但CS架构的问题是更新不灵活,那么有没有一种方法能结合这两种架构的优点,在加载速度和更新灵活性之间找到一个平衡点呢?这就是本文要探讨的一种方案:前端热更新。 方案概述 “前端”和“热更新”这两个词通常很少一起出现,提到热更新一般都是指APP的一种静默更新方式,这种方式会在用户使用时悄悄检测并下载增量更
腾讯NEXT学位
2018/05/14
2.3K0
Elasticsearch写入时既要upsert又要实现部分更新
客户为了实现search after功能,必须有一个modify_at字段在更新doc的时候不能修改,也就是更新的时候如果请求body里包含了这个modify_at字段,就不更新;但是同时又要保证upsert功能,在没有该文档的时候,就新增该文档。
bellen
2022/02/14
4.1K0
Elasticsearch写入时既要upsert又要实现部分更新
页面copyright部分始终居于页面底部
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> *{margin:0;padding:0;} html,body{height:100%;color:#fff;} .main{background:#ccc;_height:100%;min-height:100%;} .main_m{padding-
欢醉
2018/01/22
9690
利用jquery实现当前时间动态显示
html代码:<div id="time"></div> jQuery代码 <script type="text/javascript"> setInterval(function() { var now = (new Date()).toLocaleString(); $('#time').text(now); }, 1000); </script> <html> <head> <title>随鼠标一起动的动画特效简单实现</title> </head> <body> <
菲宇
2020/05/04
2.6K0
fastapi PUT更新数据 / PATCH部分更新
learn from https://fastapi.tiangolo.com/zh/tutorial/body-updates/
Michael阿明
2022/01/07
1.4K0
fastapi PUT更新数据 / PATCH部分更新
mybatis-plus部分更新
可以看到默认的updateById方法是判断属性如果有值则修改,无值则忽略,不修改对应的字段
阿超
2022/08/17
1K0
mybatis-plus部分更新
Groovy on Grails 交流活动
2008 年 InfoQ 交流活动的胶片: http://cid-5b1e02933669f469.skydrive.live.com/redir.aspx?page=browse&resid=5B1
四火
2022/07/15
1.7K0
Groovy on Grails 交流活动
Grails 引发的中文乱码问题
在一个 Grails 项目里面,我想写一个过滤不良信息的 Service,而将过滤的规则放置在 xml 文件之中。
四火
2022/07/15
6450
Grails 引发的中文乱码问题
Java实现时间动态显示方法汇总
这篇文章主要介绍了Java实现时间动态显示方法汇总,很实用的功能,需要的朋友可以参考下
全栈程序员站长
2022/07/18
1.8K0
Grails——赋能敏捷开发的利器
几年前,一个开餐厅的亲戚找我做一个网上订餐的网站(当时外卖平台还没有兴起)。一开始我是拒绝的,因为我的本职工作就是做软件开发的,业余时间真没兴趣再做。而且从头开始做一个网页应用,工程浩大,我也没有这个时间。 一个偶然的机会,我接触到了Grails,通过它几个小时就能构建一个专业的涵盖前、后端的Web应用,于是我尝试着开发那个订餐网站,结果,我利用几个周末仅用了半个人/月的功夫就做好了一个能上线接单并具备后台管理(含基本财务)的网站。刷新了我对软件开发的认知,原来开发一个复杂的含前、后端的Web应用也可以如此地快。 Grails是一个基于JVM的全栈快速Web应用开发框架,类似的框架有著名的Rails,但是它需要用Ruby语言,对于广大的Java开发者,要学习一门新语言显然不现实。于是有人基于Groovy做了Grails,可以理解为Grails = Rails on Groovy。Groovy是JVM三大衍生语言之一,相对于Closure和Scala,它可以视为是Java的简化版和脚本化,学习周期最短,上手只消半天,而且相对于有点老气的Java,动态语言Groovy编程要快速和灵活得多。所以Grails可以说是面向Java开发者的快速开发框架。
Criss@陈磊
2019/08/02
1.9K0
python中plot实现即时数据动态显示方法[通俗易懂]
本人同类型博客(新鲜的哦!)matplotlib animation 绘制动画: 数据收集(产生)完成后,再生成动态显示。一般用于成果展示。生成各种格式的视频,gif动态图等。
全栈程序员站长
2022/09/13
1.7K0
【EF】数据表全部字段更新与部分字段更新
在更新数据库的过程中,出现了” 更新条目时出错。有关详细信息,请参见内部异常。“的问题。
全栈程序员站长
2022/08/09
1.8K0
在 Eclipse 中配置 Grails 工程
配置 GRAILS_HOME,注意一定要配置到 build.xml 所在的文件夹:
四火
2022/07/15
1.1K0
在 Eclipse 中配置 Grails 工程
点击加载更多

相似问题

JQuery和Grails中的编辑/更新页面实现

23

Grails中的动态显示

13

如何在Grails中实现超时页面

15

部分页面更新

10

在Grails App中动态显示用户

18
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档