`
gzwfdy
  • 浏览: 85639 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

dwr的util.js使用-addOptions

    博客分类:
  • dwr
阅读更多
dwr.util.addOptions()
这个方法可以给ol, ul,select添加元素。如果是ol, ul就添加li如果是select就添加option。
数据来源可以是字符串数组,对象数组,map.
1.字符串数组
如果数据是字符串数组
dwr.util.addOptions(id, [ "one", "two", "three" ],[options]);
id的是ol, ul,select的id,数组元素按顺序添加到ol, ul,select中。还可以后有个可选参数[options]它可以是{escapeHtml:false/true},false解析html标记,true就不解析。
例如
dwr.util.addOptions(id, [ "<br>one", "two", "three" ],{escapeHtml:false});
这样添加之后one的前面就多了一个空行。
dwr.util.addOptions(id, [ "<br>one", "two", "three" ],{escapeHtml:true});
为true则把<br>one当做一个字符串显示。
这样生成的option中value和id是相同的。
2.对象数组
var data = [ { name:"Fred",age:10 }, { name:"Jim",age:20 } ];
dwr.util.addOptions(id, data, "name",[options]);
id:是ol, ul,select的id。
data:数据源
name:对象数组中哪个属性值作为添加项。
[options]:同上。
还可以指定select的value和text的值
dwr.util.addOptions(id, data, "name","age",[options]);
这样写的话select显示的是age对应的值,value值就是name对应的值。
3.map
与对象数组类似
dwr.util.addOptions(selectid, map, reverse);
reverse:默认情况下key对应select的value,value对应option的text。如果这个设置成true,则与默认情况相反。
dwr.util.addOptions(selectid, map, valueprop, textprop);
这个方法可以指定要显示的内容。
分享到:
评论

相关推荐

    DWR util.js 学习笔记 整理

    DWR util.js 是一个功能强大的 JavaScript 库,它提供了许多有用的函数,可以帮助开发者在客户端页面上实现各种操作。下面是对 DWR util.js 的学习笔记整理。 1. $() 函数 DWRUtil 中的 $() 函数用于获取页面参数...

    DWR util.js学习笔记.doc

    DWR util.js 是一个JavaScript工具库,提供了一些有用的函数,用于在客户端页面调用。下面是DWR util.js中的主要功能: 1. $()函数:获取页面参数值 该函数用于获取页面参数值,例如:var name = $("name");获取名...

    dwr utils.js常用方法整理

    在深入探讨DWR中Util.js的常用方法之前,我们先简要回顾一下DWR(Direct Web Remoting)是什么。DWR是一种开源框架,允许在Java服务器端与客户端之间进行Ajax调用,使得JavaScript可以直接调用服务器端的Java方法,...

    ajax-DWR笔记.doc

    在DWR中,util.js是一个重要的辅助库,提供了多种方便的JavaScript函数,简化了DOM操作和数据处理。以下是对DWR util.js中一些关键功能的详细说明: 1. **`$("id")`**:这个函数类似于JavaScript的`document....

    DWR实现的无刷新联动

    &lt;script type='text/javascript' src='&lt;%=basePath%&gt;dwr/util.js'&gt; ``` 接下来,我们可以通过JavaScript来实现下拉框的联动。假设我们有两个下拉框,`r_area`和`r_hub`。当`r_area`的值改变时,`changeR_area`函数...

    DWR联动刷select

    &lt;script type='text/javascript' src='/Study_DWR_Select/dwr/util.js'&gt; ``` - 这些文件提供了DWR的核心功能,包括与后端通信的能力。 2. **编写JavaScript函数:** ```javascript function fun() { ...

    DWR 处理各种form表单Selectoption,table.doc

    在 DWR 中,util.js 是一个核心文件,包含了一些有用的函数,用于在客户端页面调用。这些函数可以帮助开发者快速地处理各种 form 表单 Select/option 和 table。 下面是 util.js 中的一些重要函数: 1. $() 函数:...

    dwr3初学者使用说明

    - `&lt;script&gt;`标签加载了DWR相关的JavaScript文件,包括`engine.js`、`util.js`以及定义远程调用接口的`slt.js`。 - JavaScript函数实现了下拉列表的功能,包括省份和城市的联动选择。 ##### 2. Java后端代码 接下来...

    dwrUtil用法--更好的开发Ajax

    Direct Web Remoting (DWR) 是一种用于在Web应用程序中实现AJAX功能的库,它允许JavaScript和服务器端Java代码之间进行交互。在提供的描述中,我们看到了几个DWRUtil工具类的一些用法,这个工具类提供了许多方便的...

    使用dwr的一点经验

    - `util.js`是DWR提供的一系列辅助函数集合,这些函数可以大大简化前端与后端之间的交互逻辑。熟悉`util.js`中的方法对于提升开发效率十分有帮助。 5. **数据类型的转换** - 当需要传递复杂对象(非基本数据...

    JSPAjaxDWR框架函数.docx

    首先,DWR框架的核心组件之一是`util.js`文件。这个文件包含了一系列工具函数,用于帮助我们在JavaScript中处理和更新网页内容。例如,`getValue[s]()`和`setValue[s]()`函数用于获取和设置大部分HTML元素的值,除了...

Global site tag (gtag.js) - Google Analytics