`
lzlg302
  • 浏览: 6300 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

DWR填充下拉框

 
阅读更多
公司项目中有用到DWR这种方式,初次学习不免遇到一些问题。
一、先从简单的Hello World说起,参考[url]http://blog.csdn.net/caterpillar_here/archive/2006/09/06/1186566.aspx [/url]
web.xml代码如下
    <servlet>
     <servlet-name>dwr-invoker</servlet-name>
        <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
        <init-param>
            <param-name>debug</param-name>
            <param-value>true</param-value>
        </init-param>
        <load-on-startup>2</load-on-startup>
    </servlet>
        <servlet-mapping>
        <servlet-name>dwr-invoker</servlet-name>
        <url-pattern>/dwr/*</url-pattern>
    </servlet-mapping>

JAVA代码如下:
package com.zqw.dwr.test;
public class Hello {
	  public String hello(String name) {
	      return "哈楼!" + name + "!World 世界与DWR实验!";
	    }
}


dwr.xml代码如下:
<?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 creator="new" javascript="Hello">
      <param name="class" value="com.zqw.dwr.test.Hello" />
    </create>
  </allow>
</dwr>

index.jsp部分代码如下:
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/interface/Hello.js'></script>
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/engine.js'></script>
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/util.js'></script>不要漏了引用。
<input id="user" type="text" />
<input type='button' value='哈楼' onclick="hello()" /> 
<div id="result"></div>

hello world的简单Demo也就完成了。


二、填充下拉框
XinxiServiceImpl的代码如下:
	public List findDWRallxinxi() {
		List ls= xinxiDao.findAllXinxi();//把所有的信息查询出来
		List rtnList = new ArrayList();
		Map optMapKong = new HashMap();
		optMapKong.put("xinxisex", "-----请选择-----");
		optMapKong.put("xinxisal", "");
		optMapKong.put("xinxiid", "");
		rtnList.add(optMapKong);
		for (int i = 0; ls != null && i < ls.size(); i++) {
			Xinxi jf = (Xinxi) ls.get(i);
			Map optMap = new HashMap();
			optMap.put("xinxisex", jf.getSex());
			optMap.put("xinxisal", jf.getSal());
			optMap.put("xinxiid", jf.getId());
			rtnList.add(optMap);
		}
		return rtnList;
	}

dwr.xml代码如下:
         <create creator="spring" javascript="xinxiDWRallxinxi">
             <param name="beanName" value="xinxiDWRallxinxi"/>
             <include method="findDWRallxinxi"/>          
         </create>

当然在Spring配置文件applicationContext.xml下增加bean
    <bean id="xinxiDWRallxinxi" class="com.zqw.service.impl.XinxiServiceImpl">  
    </bean>  

index.jsp代码如下:
var $j = jQuery.noConflict();
$j(document).ready(function() {
    getXinxiSelect();
});
function getXinxiSelect(){
	xinxiDWRallxinxi.findDWRallxinxi(CallbackXinxi);
}
function CallbackXinxi(returnValue){
	var xinxiSelectList = '<s:property value="Xinxivalue"/>';
	DWRUtil.removeAllOptions("xinxiSelectList");
	DWRUtil.addOptions("xinxiSelectList", returnValue, "xinxisex", "xinxisal");
	DWRUtil.setValue("xinxiSelectList",xinxiSelectList);
}


<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/engine.js'></script>
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/util.js'></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/interface/xinxiDWRallxinxi.js"></script><!--不要漏了添加-->


 <select name="xinxi.sal"  id="xinxiSelectList"  > 

这样便把所有的sal全部加载到下拉框中
2
0
分享到:
评论

相关推荐

    dwr ajax 下拉框自动搜索

    在这个特定的项目中,"dwr ajax 下拉框自动搜索"是指利用DWR框架和AJAX技术来创建一个功能,用户在输入框中输入关键词时,下拉框会自动填充匹配的建议,类似百度搜索的体验。当用户选择某个选项或点击搜索按钮,系统...

    DWR级联菜单下拉框

    - JavaScript/DWR调用:使用DWR的JavaScript API,为每个下拉框设置事件监听器,当用户在上一级选择一个选项时,触发DWR调用服务器获取下一级的选项并填充到对应的下拉框中。 4. **DWR配置与使用**: - 在dwr.xml...

    dwr加载下拉框数据

    这个小例子展示了如何使用DWR来动态加载下拉框(Dropdown List)的数据,这种技术在网页应用中非常常见,特别是当需要在用户界面加载时就获取并填充数据的场景。 首先,我们需要理解DWR的基本工作原理。DWR允许...

    DWR addOptions()填充下拉框,addRows()填充表格

    在上述示例中,`"selectElementId"` 是需要填充的下拉框的ID,`[ ["optionValue1", "Option Text 1"], ["optionValue2", "Option Text 2"] ]` 是一对对的值和文本,DWR会自动创建`&lt;option&gt;`元素并插入到指定的下拉框...

    DWR+Spring下拉框联动实例

    在`getDependentOptions`方法中,我们根据`parentOption`查询数据库或缓存,获取到相应的联动数据,并返回一个`SelectItem`列表,这将被前端用于填充下拉框。 在前端HTML页面,我们需要引入DWR的JavaScript库,并...

    dwr下拉联动的例子

    -- 省份选项由DWR填充 --&gt; &lt;!-- 城市选项由DWR填充 --&gt; function updateCities() { var provinceId = document.getElementById('provinceSelect').value; DWREngine.beginBatch(); // 开始批处理,提高性能...

    ajax dwr 框架实现二级联动下拉列表源码

    这个过程通过Ajax异步请求实现,用户选择一级下拉框后,前端发送请求到服务器,服务器返回对应二级数据,前端再将这些数据填充到二级下拉框中。 3. **DWR配置** 在项目中引入DWR框架后,需要进行相应的配置。主要...

    dwr.rar_dwr_dwr ajax_dwr 实现 联动 标签

    这个SQL文件可能是数据库脚本,用于创建或填充一个名为“province”的表。在联动标签的场景中,这个表可能存储了省份数据,作为前端选择的基础。当用户选择省份后,服务器端会根据这个选择查询相关的城市或其他区域...

    struts2+dwr整合实例

    6. **级联下拉框实现**: 通过监听第一个下拉框的改变事件,DWR实时更新第二个下拉框的内容,实现级联效果。 7. **数据绑定**: 在DWR中,可以将服务器端的数据直接绑定到JavaScript对象,然后在页面上动态更新UI。 ...

    easyui-dwr

    在EasyUI的上下文中,我们可以编写一个JavaScript函数,该函数利用DWR的API调用相应的Java服务方法,然后返回的数据将被自动解析为JSON,并用于填充EasyUI组件。 以下是一个简单的示例,展示了如何在DWR中设置`url`...

    dwr城市选择的联动,util.js方法的使用,动态table

    6. `updateElement`: 更新页面元素,如将服务器返回的城市列表填充到下拉框中。 动态table是另一种常见需求,它允许根据用户操作或服务器返回的数据动态生成或修改表格。在JavaScript中,我们可以通过操作DOM元素,...

    DWR 实现三级联动(2)

    在这个场景中,DWR被用来实现在Web表单中的三级联动下拉菜单,这种功能常见于商品分类、地区选择等场景,用户选择上级选项后,下级选项会自动填充相关数据。 1. **三级联动**:在Web界面设计中,三级联动指的是三个...

    dwr 实现2级联动

    4. **编写JavaScript代码**: 在前端页面上,使用DWR的API创建异步请求,监听第一个选择框的change事件,当选择改变时,调用后端的Java方法获取新的数据,并填充到第二个选择框。 5. **动态更新页面**: 根据从服务器...

    DWR 入門與應用(二).doc

    在《DWR 入门与应用(二)》这份文档中,我们通过一个具体的例子来深入了解DWR如何实现数据从数据库查询并填充到前端下拉菜单的功能,以及如何处理更复杂的连动下拉框场景。 #### 创建选项类和返回字符串数组 首先...

    使用DWR开发AJAX For J2EE

    - **用户界面增强**:例如下拉框的动态填充、拖放操作等。 6. **A051]使用DWR开发AJAX For J2EE.wrf** 文件可能是一个Web资源文件,用于在Web浏览器中展示DWR开发的AJAX示例。 7. **dwrajax.js** 文件可能是DWR...

    ajax与dwr实现二级联动

    6. **UI更新**:根据解析出的子级数据,使用JavaScript动态修改DOM,填充或替换子级下拉框的选项。 通过这种方式,我们可以构建一个响应快速、用户体验良好的二级联动系统。DWR通过减少网络交互的复杂性,使开发者...

    dwr省市区三级级联

    当用户选择一个省份时,通过DWR调用服务器端的方法,获取并填充对应省份的所有城市到第二个下拉框。同样,当用户选择城市后,再次调用服务器获取区县数据。 4. **动态渲染**:根据获取的数据,动态创建和更新下拉...

    实例讲解利用DWR+Spring实现省市网点联动

    否则,调用`clear_select`函数清除现有选项,并通过DWR调用服务器端的方法获取新城市的列表,填充到区县下拉框中。 5. **DWR调用Java方法** - 在服务器端,你需要创建一个Java方法(例如`...

    ssh+dwr2实现省市二级联动

    在DWR初始化时,可以通过`getProvinces()`方法获取所有省份填充到第一个下拉菜单。当用户选择省份时,触发事件,调用`getCitiesByProvinceId()`方法,传入选中的省份ID,返回对应的城市列表,更新第二个下拉菜单。 ...

    DWR实现省市县三级联动

    在省市县三级联动中,用户首先选择省份,接着根据省份的选择自动填充对应的市,再根据市的选择加载相应的县。这种交互提高了用户输入的效率和准确性。下面我们将深入探讨如何使用DWR来实现这一功能。 1. **DWR的...

Global site tag (gtag.js) - Google Analytics