二级联动菜单在Rails中的实现。

cjyzpcl

浏览: 33930 次
性别:
来自: Charlotte

最近访客更多访客>>

jm89312

InJavaWeTrust

邱董233

jzx82

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Ruby On Rails

Rails Ajax Ruby XML HTML

本文参考了一些网上的相关资料。

二级联动菜单即是第二级菜单根据第一级菜单的选择进行相应的改变。

Rails实现如下，首先是View中的相关代码:

xml 代码

<tr>
<td bgcolor="#FFFFFF">居住地区：*span>td>
<td bgcolor="#FFFFFF">
<%= select(:city, :name, @cities, {}, { "onchange" => remote_function(
:with => "'parent_id='+value",
:update => 'next_select',
:url => { :action => :select_with_ajax } ) })%>
span>
select> 正确填写可以帮你快速找到同城的宝宝和信息。span>td>
tr>

需要注意的一点是select中的第四个参数 {} 是必须保留的，网上很多没有成功的例子就是忽略了这个。因为Rails API中select方法的定义是这样的：select(object, method, choices, options = {}, html_options = {})。

controller中的方法如下：

ruby 代码

def select_with_ajax
@areas = City.find(:all, :conditions => ["parent_id = ?", params[:parent_id]]).collect { |city| [city.name, city.id] }
render(:layout => false)
end

这里根据参数中传递的parent_id生成2级列表。

select_with.ajax.rhtml代码如下：

ruby 代码

<%= select(:area, :name, @areas) %>

这样就简单在Rails中实现了二级联动菜单。

分享到：

JS-RichEdit与Rails的整合 | 表单验证错误信息一些使用技巧(适用于快速 ...

2007-07-22 18:04
浏览 6557
评论(3)
论坛回复 / 浏览 (2 / 7121)
查看更多

3 楼 simon_lin 2007-10-08

级联的搞定了：），参考了cjyzpcl兄弟和这篇文章
http://www.3code.cn/post/show/4

 <%= select(:category, :name, @categories, {}, { "onchange" => remote_function(
 :with => "'category_parent_dn='+value",
 :update => 'next_select1',
 :url => { :action => :select_with_ajax } ) })%>



不过有个问题，级联的值怎么取呀？不管你是二级还是多级的级联，提交后的值怎么取？因为如果是多级的话，你没办法知道是那个控件提交过来的呀：（
谁知道或做过，多谢？

2 楼 simon_lin 2007-09-28

看了cjyzpcl兄弟的帖子后，我如下操作，请教各位哪里出了问题？

1、首先建一个cities的表。结构如下:
id int not null auto_increment,
name varchar(50) not null,
parent_id int not null.
2、利用generate script生成一个controller,比如city.在city controller中加入select_with_ajax方法，相应的select_with_ajax.rhtml中填入
<%= select(:area, :name, @areas) %>
3、这里还有一段（原文贴出来的时候就漏了一些标签：（，有谁来补一下？），另外这一段不知放在什么文件？是否还需要加什么方法吗？

<tr>
 <td bgcolor="#FFFFFF">居住地区：*span>td>
 <td bgcolor="#FFFFFF">
 <%= select(:city, :name, @cities, {}, { "onchange" => remote_function(
 :with => "'parent_id='+value",
 :update => 'next_select',
 :url => { :action => :select_with_ajax } ) })%>

 span>
 select> 正确填写可以帮你快速找到同城的宝宝和信息。span>td>
 tr>

1 楼 toostupid 2007-07-23

收藏了!

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论