创建列表
DWR通常需要填充一个列表框,主要是addOptions和removeAllOptions方法。如果当你更新时需要维护列表,通常需要如下代码:
var sel = DWRUtil.getValue(id);
DWRUtil.removeAllOptions(id);
DWRUtil.addOptions(id, ...);
DWRUtil.setValue(id, sel);
DWRUtil.addOptions(selectid,array)
数组的每一个元素的字符串表示值和文本,值和文本属性是一样的。
DWRUtil.addOptions( "demo1", ['Africa', 'America', 'Asia', 'Australasia', 'Europe' ])
DWRUtil.addOptions(selectid, data, prop)
数组的每一个元素是一个对象,prop表示值和文本对应的属性名称,这里值和文本属性是一样的。
DWRUtil.addOptions( "demo1",[
{ name:'Africa', population:'800m' },
{ name:'America', population:'900m' },
{ name:'Asia', population:'3000m' },
{ name:'Australasia', population:'31m' },
{ name:'Europe', population:'700m' }
],"name")
DWRUtil.addOptions(selectid, array, valueprop, textprop)
数组的每一个元素是一个对象,其valueprop和textprop属性表示值和文本对应的属性名称。
DWRUtil.addOptions( "demo1",[
{ name:'Africa', id:'AF' },
{ name:'America', id:'AM' },
{ name:'Asia', id:'AS' },
{ name:'Australasia', id:'AU' },
{ name:'Europe', id:'EU' }
],"id","name")
DWRUtil.addOptions(selectid, map, reverse)
MAP的每一个属性键表示属性值,属性值表示文本,如果reverse属性为true,那么属性键表示文本,属性值表示值。
DWRUtil.addOptions( "demo1",{
AF:'Africa',
AM:'America',
AS:'Asia',
AU:'Australasia',
EU:'Europe'
})
DWRUtil.addOptions(selectid, map, valueprop, textprop)
Map中的一个对象表示一个入口,其valueprop和textprop属性表示值和文本对应的属性名称。
DWRUtil.addOptions(ulid, array)
分享到:
相关推荐
1. **对象和数组操作**:DWRUtil提供了对JavaScript对象和数组的操作方法,如`DWRUtil.getValue`用于获取表单元素的值,`DWRUtil.getValues`则可以获取一组元素的值,`DWRUtil.removeAllRows`用于清除表格的所有行。...
DWRUtil.addOptions("selectElementId", [ ["optionValue1", "Option Text 1"], ["optionValue2", "Option Text 2"] ]); ``` 在上述示例中,`"selectElementId"` 是需要填充的下拉框的ID,`[ ["optionValue1", ...
* 高级对象数组:`DWRUtil.addOptions("demo3", [{ name: 'Africa', id: 1 }, { name: 'America', id: 2 }] );` 3. addRows 和 removeAllRows 函数 addRows 函数用于填充表格,removeAllRows 函数用于清空表格。 ...
- `DWRUtil.addOptions('addOptionsObject1', arrayObject, "name")` 和 `DWRUtil.addOptions('addOptionsObject1', arrayObject, "name", "value")`:这两个方法用于将对象数组`arrayObject`中的元素添加到下拉...
2. `DWRUtil.addOptions()` 方法用于向下拉菜单或列表中添加选项。它可以接受不同的数据类型,如数组、对象数组或映射: - 当传递数组时,如`arrayFive`,`DWRUtil.addOptions('addOptionsBasic', arrayFive)`会将...
- **语法**:`DWRUtil.addOptions(selectId, items, valueProp, textProp)` - **参数**: - `selectId`:`<select>`元素的ID。 - `items`:要添加的选项列表。 - `valueProp`:选项值的属性名,默认为`value`。 ...
* 简单数组方式:DWRUtil.addOptions("demo1", ['Africa', 'America', 'Asia', 'Australasia', 'Europe']); * 简单对象数组方式:DWRUtil.addOptions("demo2", array, 'id', 'name');其中array为一个对象数组,'id'...
`DWRUtil.addOptions()` - **功能**: 添加 `select` 元素的 `option` 子元素。 - **格式**: `DWRUtil.addOption(id, items)` 或 `DWRUtil.addOption(id, items, valueProp, textProp);` - **参数**: - 第一个参数...
`DwrUtil.js`则是一些实用工具函数的集合,用于辅助DWR的使用,例如对象操作、数组处理、DOM操作等,它为开发者提供了一套方便的API,以提高开发效率。 在DWR 1.0和2.0这两个版本中,主要的改进和变化可能包括: 1...
DWRUtil.getValue()方法用于获取指定元素的value值。参数可以是元素的id或name属性值。例如: ```html var val = DWRUtil.getValue("txt_test"); DWRUtil.debug(val); ``` 需要注意的是,该方法只能用于有value...
- **对象数组形式**:`DWRUtil.addOptions(selectId, data, prop)`,其中`data`为包含text和value的对象数组,`prop`指定如何映射text和value。 - **不同text和value的对象数组**:`DWRUtil.addOptions(selectId, ...
- `DWRUtil.addOptions(element, options, labelField, valueField)`:向指定元素添加选项。其中,`element`为下拉菜单元素对象,`options`是包含选项的数据源,`labelField`和`valueField`分别表示显示的文本和值...
* DWRUtil.addOptions 函数可以添加选项,有五种方式:Simple Array Example、Simple Object Array Example、Advanced Object Array Example、Map Example 等。 * 在使用 DWRUtil.addOptions 函数时,需要指定要显示...
5. `DWRUtil.setValues()`:与`DWRUtil.setValue()`类似,但用于设置一组元素的值。接收一个包含id或name及对应值的键值对对象。在示例中,`DWRUtil.setValues({“txt_name”:”wiley”,”txt_pswd”:”wiley”})`将...
7. **`DWRUtil.addOptions()`**:这是一个非常有用的方法,用于向`<select>`元素动态添加选项。这对于创建可更新的下拉列表非常有用,可以在不刷新整个页面的情况下更新数据。 DWR使得前后端之间的交互变得更加简单...
标题“dwr.jar dwrUtil常见方法 dwr详细资料”指出,我们关注的核心是“dwr.jar”,这是一个包含Direct Web Remoting (DWR)框架核心库的Java档案文件。DWR是一种使Web应用程序能够执行服务器端JavaScript的方法,...
5. **更新下拉菜单**:当服务器返回新数据后,使用DWR的`DWRUtil.removeAllOptions`清除现有选项,再用`DWRUtil.addOptions`添加新数据到下拉菜单。这样,菜单就能实时更新了。 6. **错误处理**:别忘了处理可能...
DWRUtil.addOptions("province", result); } function citySelect() { slt.selectCity(DWRUtil.getValue("province"), cityUtil); } function cityUtil(data) { var result = data.split(","); DWRUtil....
DWRUtil.useLoadingMessage("正在加载..."); MyService.fetchDataByPage(currentPage, pageSize, function(data) { DWRUtil.removeAllRows("dataTable"); // 清除现有数据 for (var i = 0; i < data.length; i++) ...
DWRUtil.addOption(citySelect, cityList[i].id, cityList[i].name); } DWRUtil.removeLoadingMessage(); }); ``` 在上述代码中,`DWRProvinceService.getCityList` 是一个在服务器端定义的方法,它接收省份ID...