DWR中的util.js的使用

最新推荐文章于 2015-09-15 23:57:21 发布
最新推荐文章于 2015-09-15 23:57:21 发布
阅读量175 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： DWR 文章标签： DWR JavaScript Java Cache Spring ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/libinxuan520/article/details/83773193

一下的程序都是在引用util.js文件的情况下运行的

 

处理列表：处理列表--字符串数组 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>处理列表--字符串数组</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<script type="text/javascript" src="js/util.js"></script>
		<script type="text/javascript">
			var strArray = ['请选择一本书','Java','Hibernate','Spring',];
			function add(){
				dwr.util.addOptions("test",strArray);
			}
			function del(){
				dwr.util.removeAllOptions("test");
			}
		</script>
	</head>

	<body>
		<select id="test"></select>
		<input type="button" value="添加选项" onclick="add();">
		<input type="button" value="删除选项" onclick="del();">
	</body>
</html>
 处理列表--对象数组 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>处理列表--对象数组</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<script type="text/javascript" src="js/util.js"></script>
		<script type="text/javascript">
			var objArray = [{name:'Java'},
			    			{name:'Hibernate'},
			    			{name:'Spring'}];
			function add(){
				dwr.util.addOptions("test",objArray,"name");
			}
			function del(){
				dwr.util.removeAllOptions("test");
			}
		</script>
	</head>

	<body>
		<select id="test"></select>
		<input type="button" value="添加选项" onclick="add();">
		<input type="button" value="删除选项" onclick="del();">
	</body>
</html>
 处理列表--使用对象作为属性值的对象 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>处理列表--使用对象作为属性值的对象</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<script type="text/javascript" src="js/util.js"></script>
		<script type="text/javascript">
			//定义一个每个属性值都是对象的对象
			var objMap = {
						first:{book:'Java',price:'55'},
						second:{book:'Hibernate',price:'66'},
						third:{book:'Spring',price:'77'},
						fourth:{book:'Struts2',price:'88'}
					};
			function add(){
				//对象数组为列表框添加列表项
				//以第三个参数指定的属性作为各列表项的值(value)
				//以第四个参数指定的属性作为各列表项的文本
				dwr.util.addOptions("test",objMap,"price","book");
			}
			function del(){
				//删除所有的列表项
				dwr.util.removeAllOptions("test");
			}
		</script>
	</head>

	<body>
		<select id="test"></select>
		<input type="button" value="添加选项" onclick="add();">
		<input type="button" value="删除选项" onclick="del();">
	</body>
</html>
 处理列表--对象 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>处理列表--对象</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<script type="text/javascript" src="js/util.js"></script>
		<script type="text/javascript">
			//定义一个JavaScript对象
			var book = {
						name:"Java",
						price:"55",
						publish:"长沙"
					}
			function add(){
				dwr.util.addOptions("test",book);
			}
			function del(){
				dwr.util.removeAllOptions("test");
			}
		</script>
	</head>

	<body>
		<select id="test"></select>
		<input type="button" value="添加选项" onclick="add();">
		<input type="button" value="删除选项" onclick="del();">
	</body>
</html>
 util.js测试 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>util.js测试</title>
		<meta name="website" content="http://www.crazyit.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script src="js/util.js" type="text/javascript"></script>
	</head>
	<body>
		<ol id="test"></ol>
		<input type="button" value="添加选项" onclick="add();"/>
		<input type="button" value="删除选项" onclick="del();"/>
		
		<script type="text/javascript">
			//定义一个对象数组
			var objArr = [ {
				name : 'Java'
			}, {
				name : 'Ajax'
			}, {
				name : 'XML'
			} ];
			function add() {
				//以对象数组为列表框添加列表项
				dwr.util.addOptions("test", objArr, 'name');
			}
			function del() {
				//删除所有列表项
				dwr.util.removeAllOptions("test");
			}
		</script>
	</body>
</html>
 util.js测试二 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>util.js测试</title>
		<meta name="website" content="http://www.crazyit.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script src="js/util.js" type="text/javascript"></script>
	</head>
	<body>
		<ol id="test"></ol>
		<input type="button" value="添加选项" onclick="add();"/>
		<input type="button" value="删除选项" onclick="del();"/>
		
		<script type="text/javascript">
			//定义一个对象数组
			var objArr = [ {
				book : 'Java',price:'55'
			}, {
				book : 'Ajax',price:'66'
			}, {
				book : 'XML',price:'77'
			} ];
			function add() {
				//以对象数组为列表框添加列表项
				//以第三个参数指定的属性作为各列表的文本
				//第四个参数已经没用用了
				dwr.util.addOptions("test", objArr, 'book','price');
			}
			function del() {
				//删除所有列表项
				dwr.util.removeAllOptions("test");
			}
		</script>
	</body>
</html>
 
dwr util.js
03-21
NULL 博文链接：https://yxwang0615.iteye.com/blog/981848
DWR util.js 学习笔记 整理
12-12
util.js包含一些有用的函数function,用于在客户端页面调用，它可以和dwr分开，独立营用于你的系统中。 主要功能如下： 1、$() 获得页面参数值 2、addOptions and removeAllOptions 初始化下拉框 3、addRows and...
dwr中的util.js应用
zxjava的专栏
05-17 275
util.js包含一些有用的函数function,用于在客户端页面调用，它可以和dwr分开，独立营用于你的系统中。 主要功能如下： 1、$() 获得页面参数值 2、addOptions and removeAllOptions 初始化下拉框 3、addRows and removeAllRows 填充表格 4、getText 取得text属性值 5、getValue 取得f...
dwr util.js工具包的应用
张天疯的专栏
02-20 3753
 util.js工具包包含了一些实用函数来帮助你用javascript操作从服务器返回的数据数据，以便来更新web页面。 也可以在DWR以外使用它，因为它不依赖于DWR的其他部分。下面介绍这个工具的主要函数。7.13.1 $()函数$() 函数实现的功能相当于 document.getElementById方法。 因为在Ajax程序中，经常需要写很多这样的语句，所以使用 $() 会更简洁。它通
DWR util.js工具包的使用
墨宝历程
05-29 195
目录列表： $() DWRUtil.getText(id) DWRUtil.getValue(id) DWRUtil.setValue(id, value) DWRUtil.getValues() DWRUtil.setValues() DWRUtil.addOptions and DWRUtil.removeAllOption...
DWR中的util.js
04-30 931
$("id") 大概等价于document.getElementById("id") 如果返回结果唯一的话返回该元素的值,不唯一则返回一个数组 .另外,如果单独使用util.js的话,可能在IE5以下的浏览器中无法正常使用,需要跟engine.js配合使用. 注意,这里得到的是一个对象,如果需要得到该对象的值的话,需要用innerHTML来取得.或者直接用DWRUtil.getValue("ele
dwr util.js engine.js
10-14
`util.js` 是DWR的工具库，它包含了各种实用函数，用于帮助开发者处理JavaScript中的常见任务。这个库提供了如对象操作、数组处理、字符串操作、DOM操作等多方面的辅助功能。例如，它可能包含了一些用于序列化和反...
DWR util.js学习笔记.doc
最新发布
09-19
DWR util.js 是一个JavaScript工具库，提供了一些有用的函数，用于在客户端页面调用。下面是DWR util.js中的主要功能： 1. $()函数：获取页面参数值 该函数用于获取页面参数值，例如：var name = $("name");获取名...
DWR中engine.js与util.js的区别和使用方法
综合以上信息，我们可以得出这样的结论：engine.js和util.js在DWR框架中承担了不同的角色，一个是动态处理的JavaScript文件，需要服务器端Servlet填充数据；另一个是静态的JavaScript文件，可以直接被页面引用。在...
dwr-util.js
小肖的专栏
04-09 2100
util.js包含了一些工具函数来帮助你用javascript数据(例如从服务器返回的数据)来更新你的web页面。 你可以在DWR以外使用它，因为它不依赖于DWR的其他部分。你可以下载整个DWR或者单独下载. 4个基本的操作页面的函数：getValue[s]()和setValue[s]()可以操作大部分HTML元素除了table，list和image。getText()可以操作select
DWR（包括engine.js+util.js）.rar
12-13
DWR（包括engine.js+util.js）.rar
Dwr之util.js
Li-Chen的专栏
07-27 925
<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> "> My JSP 'index.jsp' st
分析DWRutil.js包
冰加盐
09-06 136
DWR - Direct Web Remoting ajax是一种提高web站点吸引力和实用性的书写web页面的方法。它从服务器端更新web页面的特殊区域，从而增强用户的交互性。它允许信息在短时间的延迟或不用刷新页面的情况下更新。 DWR减少了开发时间，也减少了一些可能的错误，这些错误是在提供常用的方法函数并消除一些与高交互性 web站点有关的重复性代码的时候产生的。 ...
DWR util.js 整理(DWR 处理各种form表单Select/option,table等,List,Bean
yongzhang52545的专栏
03-29 2057
DWR  util.js 学习笔记 /********************/ /********************/ util.js包含一些有用的函数function,用于在客户端页面调用. 主要功能如下： Java代码   1、$() 获得页面参数值  2、addOptions and removeAllOptions 初始化下拉框  3、addRows
dwr util.js中的功能
松篁
03-28 147
util.js包含了一些工具函数来帮助你用javascript数据(例如从服务器返回的数据)来更新你的web页面。 你可以在DWR以外使用它，因为它不依赖于DWR的其他部分。你可以下载整个DWR或者单独下载. 4个基本的操作页面的函数：getValue[s]()和setValue[s]()可以操作大部分HTML元素除了table，list和image。getText()可以操作se...
DWR之UTIL.JS工具方法
web_net的专栏
04-21 826
 util.js包含一些有用的函数function,用于在客户端页面调用. 主要功能如下： 代码 1、$() 获得页面参数值    2、addOptions and removeAllOptions 初始化下拉框    3、addRows and removeAllRows   填充表格    4、getText   取得text属性值    5、getValue 取得form表单值    6
dwr util.js 和engine.js在script中的路径问题
ht_00001的博客
09-15 851
dwr3.0中的util.js 和engine.js在jsp中引入是路径： ../dwr/interface/service.js"> ../dwr/util.js"> ../dwr/engine.js"> src中的路径：../dwr 指向的路径应该和dwr.xml为同一路径 engine.js和util.js在dwr.jar中的org.directwebremoti
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值