DWR小结DWRUtil 转

$();
功能:相当于document.getElementById(id);
参数: id或name属性值;
例:

<input type=”text” name=”txt_test”></input>
< script>

         Var ele=$(txt_test);

         Var
str=DWRUtil.toDescriptiveString(ele,1)

         DWRUtil.debug(str);

< /script>

DWRUtil.getValue();
功能:获得指定元素value值
参数:
id或name属性值;
注意:该函数只能用于有value属性的元素
例:
<input type=”text”
name=”txt_test”></input>
< script>

         var
val=DWRUtil.getValue(“txt_test”);

        DWRUtil.debug(val);

< /script>

DWRUtil.getValues();
功能:获得一组指定元素的value值;

参数:id或name构成的数组对象
例:
<input type=”text” name=”txt_name”
value=”wiley”></input>
< input type=”text” name=”txt_pswd”
value=”wiley”></input>
< script>

         Var
arr_=DWRUtil.getValues({“txt_name”:null,”txt_pswd”:null});

         Var
str=DWRUtil.toDescriptiveString(arr,1)

         DWRUtil.debug(str);

< /script>

DWRUtil.setValue();
功能:设置指定元素的value值
参数:
id或name属性值
<input type=”text” name=”txt_test”
value=””></input>
< script>

         DWRUtil.setValue(“txt_test”,”wiley”);

< /script>

DWRUtil.setValues();
功能:设置一组指定元素的值
参数:
id或name构成的数组对象
例:
<input type=”text” name=”txt_name”
value=””></input>
< input type=”text” name=”txt_pswd”
value=””></input>
< script>

         DWRUtil.setValues({“txt_name”:”wiley”,”txt_pswd”:”wiley”});

< /script>

DWRUtil.getText();
功能:获得select元素的文本值
参数:
id或name属性值
例:
<select name=”sel_test”>

        <option value=” wiley-cn.com”
selected>wiley中国</option>
< /select>
< script>

         Var txt=DWRUtil.getText
(“sel_test”);
        Var
val=DWRUtil.getValue(“sel_test”);

        DWRUtil.debug(“Text:”+txt+”/tValue:”+val);

< /script>

DWRUtil.addRows();
功能:指定表格添加行

格式:DWRUtil.addRows(id,items, functions);
参数:
第一个参数:table或tbody的id属性值

第二个参数:数组或链表(可能用词不是很适合)
第三个参数:函数链表

例1:
< table>

        < tr>

                < td>主题</td>

        < tr>

        < tbody id=”tby_test”>

< /tbody>
< /table>
< script>

         Var arr_={“wiley’s
blog”,”wiley中国”};

        DWRUtil.addRows(“tby_test”,arr_,[function(arr_){return
arr_}]);
< /script>

例2:

< table>

        < tr>

                < td>名称</td>

                < td>网址</td>

        < tr>

        < tbody id=”tby_test”>

< /tbody>
< /table>
< script>

         Var
items=[{“name”:”wiley中国”,”add”:”wiley-cn.com”}];

        DWRUtil.addRows(“tby_test”,items,[function(item){return
item.name}, function(item){return item.add}]);
< /script>

DWRUtil.romoveAllRows();
功能:删除指定表格行
参数:table或tbody的id属性值


<table>
        < tr>

                < td>名称</td>

                < td>网址</td>

        < tr>

        < tbody id=”tby_test”>

< /tbody>
< /table>
< script>

         DWRUtil.romoveAllRows(“tby_test”);//每次添加前将原有数据行删除,防止数据重叠

        Var
items=[{“name”:”wiley中国”,”add”:”wiley-cn.com”}];

        DWRUtil.addRows(“tby_test”,items,[function(item){return
item.name}, function(item){return item.add}]);
< /script>

DWRUtil.addOptions();
功能:添加select元素的option子元素

格式:DWRUtil.addOption(id,items)或DWRUtil.addOption(id,items,valueProp,textProp);

参数:
第一个参数:select的id或name属性值
第二个参数:数组或链表(填充数据)

第三、四个参数:链表节点的属性,第三个填充value值,第四个填充text值

例:
<select
name=”sel_test”>
< /select>
< script>

         Var
arr_={“wiley”,”wiley中国”};

        DWRUtil.addRows(“sel_test”,arr_);//此时value与text值相同

        DWRUtil.romoveAllOptions(“sel_test”);

        Var
items=[{“name”:”wiley中国”,”add”:”wiley-cn.com”}];

        DWRUtil.addRows(“sel_test”,”add”,”name”);//此时value与text不相同

< /script>

DWRUtil.romoveAllOptions();

功能:删除指定select元素的option子元素
参数:select元素的id或name属性值
例:前面例子有用到

DWRUtil.debug();
功能:等价于alert()
例:前面例子有用到

DWRUtil.toDescriptiveString();
功能:将对象序列化成字符串,主要用于调试
例:前面的例子有用到

时间: 2024-08-19 08:54:11

DWR小结DWRUtil 转的相关文章

dwr框架中DWRUtil的方法

dwr框架中DWRUtil的方法 2008-10-14 17:57:23|  分类: JAVA |  标签: |举报 |字号大中小 订阅 7. util.js 功能 util.js包含了一些工具函数来帮助你用javascript数据(例如从服务器返回的数据)来更新你的web页面. 你可以在DWR以外使用它,因为它不依赖于DWR的其他部分.你可以下载整个DWR或者单独下载. 4个基本的操作页面的函数:getValue[s]()和setValue[s]()可以操作大部分HTML元素除了table,l

IOS开发-跨域访问DWR方法

用Phonegap做手机客户端,服务器用spring+DWR,需要在手机端访问服务器的方法,需要做以下配置,可以参见http://www.iteye.com/topic/337460: 服务器DWR配置(web.xml): <init-param> <param-name>allowGetForSafariButMakeForgeryEasier</param-name> <param-value>true</param-value> </

Dwr 框架简单实例

Dwr 是一个 Java 开源库,帮助你实现Ajax网站. 它可以让你在浏览器中的Javascript代码调用Web服务器上的Java,就像在Java代码就在浏览器中一样. Dwr 主要包括两部分: 在服务器上运行的 Servlet 来处理请求并把结果返回浏览器. 运行在浏览器上的 Javascript,可以发送请求,并动态改变页面. Dwr 会根据你的 Java 类动态的生成Javascript代码. 这些代码的魔力是让你感觉整个Ajax调用都是在浏览器上发生的,但事实上是服务器执行了这些代码

DWR(AJAX)+Highcharts绘制曲线图,饼图

基本需求: 1. 在前台会用DWR框架(或者AJAX)调用Java后台代码获取要在Hightcharts展示的数据 2. 了解JSON(JavaScript Object Notation)的格式 3. Hightcharts的x,y轴数据绑定 4. Hightcharts的使用自己定义样式 Highcharts代码(或者说Highcharts的配置)是一个json字符串,说白了就是要想在前台使用Hightcharts插件画图,后台返回的数据类型必须是json字符串.Hightcharts才会认

使用Apache POI导出Excel小结--导出XLS格式文档

使用Apache POI导出Excel小结 关于使用Apache POI导出Excel我大概会分三篇文章去写 使用Apache POI导出Excel小结--导出XLS格式文档 使用Apache POI导出Excel小结--导出XLSX格式文档 使用Apache POI导出Excel--大数量导出 导出XLS格式文档 做企业应用项目难免会有数据导出到Excel的需求,最近在使用其,并对导出Excel封装成工具类开放出来供大家参考.关于Apache POI Excel基本的概念与操作我在这里就不啰嗦

spring与dwr整合实现js直接使用java代码

此文章是基于 搭建Jquery+SpringMVC+Spring+Hibernate+MySQL平台 一. 准备工作 1. 点击此下载相关文件,并把文件放到 ims 工程对应的文件夹下 二. jar包介绍 1. dwr-3.0.1.jar,支持 spring 4.3.4 的最低版本 三. 相关文件介绍 1. web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="

【转载】小结一下linux 2.6内核的四种IO调度算法

在LINUX 2.6中,有四种关于IO的调度算法,下面综合小结一下: 1) NOOP NOOP算法的全写为No Operation.该算法实现了最最简单的FIFO队列,所有IO请求大致按照先来后到的顺序进行操作.之所以说“大致”,原因是NOOP在FIFO的基础上还做了相邻IO请求的合并,并不是完完全全按照先进先出的规则满足IO请求.NOOP假定I/O请求由驱动程序或者设备做了优化或者重排了顺序(就像一个智能控制器完成的工作那样).在有些SAN环境下,这个选择可能是最好选择.Noop 对于 IO

Android基础入门教程——8.1.3 Android中的13种Drawable小结 Part 3

Android基础入门教程--8.1.3 Android中的13种Drawable小结 Part 3 标签(空格分隔): Android基础入门教程 本节引言: 本节我们来把剩下的四种Drawable也学完,他们分别是: LayerDrawable,TransitionDrawable,LevelListDrawable和StateListDrawable, 依旧贴下13种Drawable的导图: 1.LayerDrawable 层图形对象,包含一个Drawable数组,然后按照数组对应的顺序来

Android基础入门教程——8.1.2 Android中的13种Drawable小结 Part 2

Android基础入门教程--8.1.2 Android中的13种Drawable小结 Part 2 标签(空格分隔): Android基础入门教程 本节引言: 本节我们继续来学习Android中的Drawable资源,上一节我们学习了: ColorDrawable:NinePatchDrawable: ShapeDrawable:GradientDrawable!这四个Drawable~ 而本节我们继续来学习接下来的五个Drawable,他们分别是: BitmapDrawable:Insert