Posted on 2010-08-10 11:22
asdtiang 阅读(1648)
评论(1) 编辑 收藏 所属分类:
grails study
不多说，可以实现多级，
http://xihuyu2000.javaeye.com/blog/349722，这个地方可以实现两级，但我这里可以实现多级，直接上代码吧。
说明，手机充值有服务商，面值，和区域，现在数据库设计有点问题，不过能说明问题就行。
class TelDeltaPro 
{
String id
String name//服务商
String area//区域
String price//面值
String goodId
int sum//冲值总次数
static mapping={
id generator:'uuid'
}
}
页面主要代码：
<tr>
<td><span class="indexText2">服务商</span></td>
<td><g:select name="proName"
from="${com.likai.asdtiang.domain.platform.TelDeltaPro.list()}"
optionKey="name" optionValue="name"
onchange="${remoteFunction(controller:'telDeltaPro', action:'price', params:'\'name=\'+this.value', update:[success:'price'])}"></g:select>
</td>
</tr>
<tr>
<td><span class="indexText2">面值</span></td>
<td>
<div id="price"></div>
</td>
</tr>
<tr>
<td><span class="indexText2">地区</span></td>
<td>
<div id="area"></div>
</td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="提交"></td>
</tr>
主要是
onchange="${remoteFunction(controller:'telDeltaPro', action:'price', params:'\'name=\'+this.value', update:[success:'price'])}"这个地方，remoteFunction查下文档就可以了。
contorller主要代码如下：
def price={
log.info params.name+"name"
session.putValue "telName",params.name
def str="""<select id="proName" name="price" onchange="${remoteFunction(controller:'telDeltaPro',
action:'area', params:'\'price=\'+this.value', update:[success:'area'])}">"""
def li=TelDeltaPro.findAllByName(session.telName)
li.each{
str=str+"""<option value="${it.price}">${it.price}</option>"""
}
str=str+"""</select>"""
render(text:str,contentType:"text/html",encoding:"UTF-8")
}
def area={
log.info params.price+" price"
def str="""<select name="area" >"""
def li=TelDeltaPro.findAllWhere(name:session.telName, price:params.price)
li.each{
str=str+"""<option value="${it.area}">${it.area}</option>"""
}
str=str+"""</select>"""
render(text:str,contentType:"text/html",encoding:"UTF-8")
}
代码应该很简单的，看下就懂了。
最后应该注意下：导入AJAX脚本，因为remoteFunction用到了AJAX
<g:javascript library="prototype" />
天苍苍，野茫茫，风吹草底见牛羊