文档章节

grails中jquery ajax实现二级联动

 查查eva
发布于 2015/09/17 18:55
字数 228
阅读 26
收藏 0

页面部分代码

<div class='fieldcontain required'>
   <label for='app'>App
      <span class='required-indicator'>*</span>
   </label>
   <g:select from="${com.viva.devilfish.biz.App.list()}" noSelection="['':selectLabel]" name="app" optionKey="id" optionValue="name" ></g:select>
</div>
<div class='fieldcontain'>
   <label for='channel'><g:message code="adSpace.channel.label" />
   </label>
   <select id="channel" class="form-control" name="channel">
      <option value=""><g:message code="default.select.label" /></option>
   </select>
</div>

jquery代码

$('#app').change(function(){
   var appId = $('#app').val();
   $.ajax({
      url: '${ctx}/channel/ajaxList',
      type: 'POST',
      data:{
         'appId':appId,
      },
      dataType: 'JSON',
      success: function(data) {
         $("#channel").empty();
         $.each(eval(data), function(i, item) {
            $("<option value='" + item.id + "'>" + item.name + "</option>").appendTo($("#channel"));
         });

      }, error:function(){
         alert('Error loading data!');
      }
   });
})

后台部分代码

def ajaxList(){
   def query="select p from Channel p "
   def par=[:]
   if (params.appId) {
       query += ' where p.app =:app'
       par.put("app",App.get(Integer.valueOf(params.appId)))
   }



   def results = Channel.executeQuery(query,par)
   def list = []
   results.each{ channel ->
       def chan=[:]
       chan.put("id",channel.id)
       chan.put("name",channel.name)

       list.add(chan)

   }
   render list as JSON
}


© 著作权归作者所有

粉丝 0
博文 1
码字总数 228
作品 0
南京
私信 提问
使用 Grails 与 jQuery 创建 Web Calendar

Grails 是一套用于快速 Web 应用开发的开源框架,它基于 Groovy 编程语言,并构建于 Spring、Hibernate 和其它标准 Java 框架之上,从而为大家带来一套能实现超高生产力的一站式框架。 jQue...

红薯
2010/06/25
1K
1
ajax 动态生成二级联动下拉列表

无限级二级菜单,越来越多的被应用,譬如省级->市级的二级菜单 思路:一级下拉列表select 绑定一个id, jqury获取到该下拉列表的checked属性值,通过ajax请求获取到该值所对应的二级内容,然...

喜欢敲代码的感觉
2014/10/28
1K
0
优化省市县三级联动(查询数据库)

javaWeb项目,页面实现省市县三级联动。 想到三种方法: 1.查询出所有省并显示,选择省或市,利用ajax从后台查询出对应数据,再显示。 2.查询出所有省市县,数据隐藏到页面,jquery实现联动显...

田野_7
2016/05/30
1K
6
JavaWeb04-HTML篇笔记(四)

1.1 案例四:使用JQuery完成省市二级联动:1.1.1 需求: 在注册页面上籍贯的信息,需要用到省市联动效果. 1.1.2 分析:1.1.2.1 技术分析: 【JQuery的DOM操作】 遍历的方式二:...

我是小谷粒
2018/05/09
0
0
在 Grails 中使用 jQuery 和 DataTables

本文介绍如何构建一个基于 Grails 的数据浏览器来可视化复杂的表格数据。 我是 Grails 的忠实粉丝。当然,我主要是热衷于利用命令行工具来探索和分析数据的数据从业人员。数据从业人员经常需...

作者: Chris Hermansen
2018/11/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

链表中环的入口节点

给一个链表,若其中包含环,请找出该链表的环的入口结点,否则,输出null。 思路: public ListNode EntryNodeOfLoop(ListNode pHead) { if (pHead == null || pHead.next == null) ...

Garphy
9分钟前
2
0
Spring5 源码分析-容器刷新-invokeBeanFactoryPostProcessors()方法

上一篇:Spring5 源码分析-容器刷新-prepareBeanFactory()方法 该方法主要完成以下功能: 1.实例化ConfigurationClassPostProcessor,并调用ConfigurationClassPostProcessor.postProcessBe...

特拉仔
9分钟前
3
0
为什么MySQL用B+树做索引

索引这个词,相信大多数人已经相当熟悉了,很多人都知道MySQL的索引主要以B+树为主,但是要问到为什么用B+树,恐怕很少有人能把前因后果讲述的很完整。本文就来从头到尾介绍下数据库的索引。...

小致Daddy
34分钟前
4
0
网站前台的三级联动数据封装

我在进行项目时候遇到了一个进行数据封装的一个功能,进行数据的封装的功能也挺复杂,来回试了好几十种方法.最后使用的是这种方法. 使用一个pojo进行封装两个数据,一个是list一个是实体类. 具体...

小天丶羽
36分钟前
4
0
创龙基于TI AM437x ARM Cortex-A9 + Xilinx Spartan-6 FPGA的SPI FLASH、硬件加密芯片

TL437xF-EVM是一款广州创龙基于TI AM437x ARM Cortex-A9 + Xilinx Spartan-6 FPGA设计的开发板,底板采用沉金无铅工艺的4层板设计,尺寸为240mm*130mm,它为用户提供了SOM-TL437xF核心板的测...

Tronlong创龙
39分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部