`
wolfandlili
  • 浏览: 77361 次
  • 性别: Icon_minigender_1
  • 来自: 河北
社区版块
存档分类
最新评论

dwr 级联菜单实现

阅读更多

直入主题:

 

dwr配置文件:

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd">

<dwr>
    <allow>
        <create javascript="readVideoType" creator="spring">      
            <param name="beanName" value="readVideoType"></param>           
       </create>
	   <convert converter="bean" match="com.video.entity.VideoType"/>
	   <convert converter="bean" match="com.video.entity.SubType"/>
    </allow>
</dwr>

 

web.xml配置文件不在说了,到处都是.

 

spring配置文件

<bean id="readVideoType"
 class="com.video.dwr.ReadVideoTypeDWR">
                <property name="videoTypeDAO">
		<ref bean="videoTypeDAO"/>
	</property>
	<property name="subTypeDAO">
		<ref bean="subTypeDAO"/>
	</property>	
</bean>

 

 

dwr实现类:

 

package com.video.dwr;

import java.util.List;

import com.video.dao.ISubTypeDAO;
import com.video.dao.IVideoTypeDAO;
import com.video.entity.SubType;
import com.video.entity.VideoType;

public class ReadVideoTypeDWR {
	private IVideoTypeDAO videoTypeDAO;
	private ISubTypeDAO subTypeDAO;
	public void setSubTypeDAO(ISubTypeDAO subTypeDAO) {
		this.subTypeDAO = subTypeDAO;
	}
	public void setVideoTypeDAO(IVideoTypeDAO videoTypeDAO) {
		this.videoTypeDAO = videoTypeDAO;
	}
	public List<VideoType> getVideoTypes(){
		return videoTypeDAO.getVideoTypeByName("");
	}
	
	public List<SubType> getSubTypesByVideoTypeId(int videoTypeId){
		return subTypeDAO.getSubTypeByVideoType(videoTypeId, "");
	}
}

 

jsp主要代码:

<script type='text/javascript' src='./dwr/engine.js'></script>
<script type='text/javascript' src='./dwr/util.js'></script>
<script type='text/javascript' src='./dwr/interface/readVideoType.js'></script>
<script language="javascript" type="text/javascript">
function getPlanItem(){
    readVideoType.getVideoTypes(callBack);
}
function callBack(lst){
	if (typeof window['DWRUtil'] == 'undefined') 
    window.DWRUtil = dwr.util; 
    DWRUtil.removeAllOptions("videoType");
    DWRUtil.addOptions("videoType", lst, 'videoTypeId', 'videoTypeName');

}
function getSubType(){
	readVideoType.getSubTypesByVideoTypeId(DWRUtil.getValue("videoType"),callBack1);
}
function callBack1(lst){
	 DWRUtil.removeAllOptions("subType");
    DWRUtil.addOptions("subType", lst, 'subTypeId', 'subTypeName');
}
</script>
</head>
<body onload="getPlanItem();">
<select name="videoType" id="videoType" size="1" onchange="getSubType();"></select>
<select name="subType" id="subType" size="1" ></select>
</body>
</html>

 

 

 

这样就可以用dwr实现级联菜单了o(∩_∩)o

1
1
分享到:
评论

相关推荐

    DWR级联菜单下拉框

    总之,DWR级联菜单下拉框是利用DWR和AJAX技术实现的动态交互功能,它简化了前后端通信,提供了更流畅的用户体验。通过学习和实践这个案例,开发者可以提升在Web应用开发中对DWR、AJAX以及级联菜单设计的理解和应用...

    dwr 实现 级联菜单 外加一本pdf的参考书

    DWR在实现级联菜单中的作用主要体现在以下几个方面: 1. **远程方法调用**:DWR的核心功能是允许JavaScript直接调用服务器端的Java方法。这意味着当用户在前端选择一个菜单项时,可以通过DWR异步地向服务器发送请求...

    dwr例子演示级联菜单

    这个例子“dwr例子演示级联菜单”旨在帮助我们理解如何使用DWR来创建动态的、交互式的级联下拉菜单。级联菜单常用于Web应用程序中,例如在选择国家时自动更新相应的省份列表。 首先,让我们了解一下DWR的基本工作...

    dwr实现2级级联菜单(sql2000 数据库)

    本篇文章将深入探讨如何利用DWR来实现一个两级级联菜单,并以SQL Server 2000数据库作为数据源。 首先,我们需要理解DWR的基本工作原理。DWR允许在后台执行Java方法并返回结果到前端,无需刷新整个页面。这种技术...

    Ajax级联菜单,通过dwr框架实现省份城市级联效果

    在这个特定的场景中,我们利用Ajax技术和Direct Web Remoting(DWR)框架来创建一个动态的省份城市级联菜单。这个功能能够提升用户体验,因为它减少了用户手动刷新页面的需求,提供了流畅的交互。 首先,我们需要...

    级联菜单 java+dwr

    级联菜单(Cascading Menu)在...总的来说,这个项目旨在教你如何结合Java、DWR和数据库技术实现动态的级联菜单,提高Web应用的交互性。通过实践这个例子,你可以加深对Java后端开发、Ajax通信和前端动态更新的理解。

    Struts_Hibernate_Dwr框架整合省份菜单级联

    本资料主要探讨的是如何将这三个框架进行集成,实现省份菜单的级联功能,即在前端选择省份时,对应的下拉菜单会动态加载出该省份的城市。 首先,Struts是一个MVC(Model-View-Controller)框架,它负责处理用户请求...

    纯JSP+DWR实现三级联动下拉选择菜单 实现无刷新联动 DWR判断用户是否存在 ajax二级联动菜单 DWR操作数据库模拟实现Google搜索效果

    DWR允许我们通过JavaScript在客户端动态更新下拉菜单选项,当用户在一个菜单中做出选择时,根据选择的值,DWR会自动向服务器发送请求,获取并填充后续级联菜单的内容。这一过程无需用户手动刷新页面,提高了用户体验...

    dwr+xml集成实现省市级联菜单

    DWR是一种Java库,它允许Web应用在浏览器和服务器之间进行实时、异步通信,而XML则是一种结构化数据存储和交换格式,非常适合用来传递和组织级联菜单的数据。 首先,我们需要理解DWR的工作原理。DWR允许JavaScript...

    DWR 联动下拉菜单基本应用

    总结,DWR的联动下拉菜单实现涉及以下关键知识点: 1. DWR配置:通过`dwr.xml`配置服务器允许JavaScript调用的Java方法。 2. 服务器端逻辑:提供根据参数返回数据的方法,如`getCityListByProvinceId`。 3. 客户端...

    java省市级联下拉菜单实例代码

    在Java Web开发中,省市级联下拉菜单是一种常见的需求,它允许用户在选择省份后自动...通过理解这个实例,开发者可以掌握如何在Java Web应用中实现动态联动下拉菜单,以及如何使用Servlet和JSON进行前后端数据交互。

    dwr+struts 三级菜单

    项目中的"dwrt+struts三级级联菜单"可能包含了以下文件: - `struts-config.xml`: Struts框架的配置文件,定义了Action和ActionForm。 - `dwr.xml`: DWR的配置文件,声明了允许JavaScript调用的Java方法。 - Java...

    DWR AJAX 简单示例

    **总结:** DWR通过提供简单的API和自动化处理,使得开发人员能够轻松地实现AJAX功能,如级联下拉菜单,而无需深入了解底层的XMLHttpRequest对象。通过动态调用服务器端方法,DWR大大简化了Web应用的开发,提高了...

    ajax的dwr框架简单示例视频

    现在流行的ajax视频教程,几个示例包括用户名验证,级联菜单,dwr框架的应用~是exe格式的

    用hibernate做的省市县三级级联,

    在IT行业中,尤其是在Web开发领域,省市县三级级联是一个常见的需求,主要用于用户选择地址时提供方便的下拉菜单选择。这种功能可以提高用户体验,减少输入错误。在本项目中,开发者利用了Hibernate这一强大的对象...

    纯JSP+DWR实现三级联动下拉选择菜单实现技巧

    在本文中,我们将探讨如何使用纯JSP和Direct Web Remoting (DWR) 实现一个三级联动下拉选择菜单的示例。这个技术通常用于在Web应用中创建动态交互的用户体验,例如根据用户在一个下拉菜单中的选择更新其他下拉菜单的...

    ajaxdwr select二级联动

    在这个“ajaxdwr select二级联动”的场景中,我们将讨论如何利用这两种技术实现下拉菜单的级联选择效果。 Ajax是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。它通过JavaScript发送异步请求到服务器,...

    用Java做的省市级联菜单

    下面我们将深入探讨如何利用DWR实现省市级联菜单。 首先,我们需要在后端创建一个Java服务,这个服务通常是一个Servlet或者Controller,负责处理来自前端的请求并返回省市数据。这个服务可能包含以下关键步骤: 1....

    北京中科信软AJAX培训

    实际应用方面,包括了实战技巧如数据校验、级联菜单、条目内容、级联下拉列表等,这些技巧可以在实现AJAX应用时提高效率和用户体验。还有异常处理机制、中文乱码问题及其解决方案等内容,这些都是在进行AJAX编程时...

    选择国家下拉选,在省份下拉选中填充所有这个国家的省,再选择省,在城市下拉选中填充所有该国家,该省的所有城市的三级联

    通过DWR,我们可以轻松地在前端JavaScript和后端Java之间实现异步数据交换,这正是实现三级联动下拉菜单的关键。 首先,我们需要在数据库中创建三个表:`国家`、`省`和`城市`。`国家`表存储各国的信息,`省`表则...

Global site tag (gtag.js) - Google Analytics