这种例子网上已经有好多了,主要是多了options参数的用法,自己发下备份,也希望对大家有所帮助。
addRows 4个参数分别为表格(table,tbody,thead,tfoot,推荐用后面三个,可以准确定位)的id,数据集合(array,list或map),一行数据的显示方法和options,具体用法如下:
dwr.util.addRows("searchResult",list,cellFuncs,{
rowCreator:function(options){
var row = document.createElement("tr");
row.onmouseover= function () {
//鼠标放上去的效果
};
row.onmouseout= function () {
//鼠标移开的效果
};
//其他事件
return row;
},
cellCreator:function(options){
var td = document.createElement("td");
//定制td属性
return td;
},
escapeHtml:false}//防止html直接显示
);
cellFuncs 里面有几个function就会出现几列数据
var cellFuncs = [
function(datas) { return datas.docType; },
function(datas) { return datas.docDt; },
function(datas) {
var inputEl = document.createElement("span");
inputEl.innerHTML = datas.docCount;
inputEl.id = datas.id+"_s";
return inputEl;
},
function(datas) {
var inputEl = document.createElement("input");
inputEl.type = "text";
inputEl.id = datas.id+"_i";
inputEl.size = 6;
inputEl.maxLength = 8;
inputEl.className = "xx";
return inputEl;
},
function(datas) {
var addButton = document.createElement("input");
addButton.type="button";
addButton.className="yy";
addButton.value="操作";
addButton.onclick=function(){
checkInputNum(datas);
}
return addButton;
}
];
最后的options的几个参数如下:
rowData: 相当于cellFuncs 的datas,表示一行数据。
rowIndex: 数据集合的索引,如果是map则为key,从0开始计数。
rowNum: 跟rowIndex差不多,不过这个表示该容器现有的数据条数,而不是索引。
data: cellCreator里面适用,表示该td里面的内容。
cellNum: cellCreator里面适用,表示该td的所在的列数。
如果有什么问题可以给我留言。
分享到:
相关推荐
在这个场景中,`addOptions()` 和 `addRows()` 是两个关键的DWR方法,分别用于动态填充下拉选择框(dropdown)和表格(table)。 1. `addOptions()` 方法: `addOptions()` 是DWR提供的一种方便的方法,用于向...
"dwraddRows方法.rar"这个文件可能是一个示例项目,包含了一个具体的DWR方法——"addRows"的使用。这个方法可能用于动态向表格添加行数据,是DWR实时更新界面的一个常见场景。通过解压并运行这个示例,你可以直观地...
5. **DWRUtil_addRows() 函数**:`DWRUtil` 是DWR提供的一套实用工具类,其中的`addRows()`函数常用于向HTML表格添加行数据。例如,当从服务器获取到新的数据时,可以使用这个函数动态地将数据插入到表格中,实现...
DWR API 提供了一系列的方法来方便开发者进行数据的传递、UI操作等。 1. `DWRUtil` 是DWR提供的一个实用工具类,包含了多种用于操作DOM元素和数据的方法。例如: - `DWRUtil.selectRange("selectRangeBasic", 5, ...
2. **数据填充**:在处理表格和其他HTML结构时,DWRUtil提供了便利的方法,如`DWRUtil.populate`可以将服务器返回的数据填充到HTML元素中,`DWRUtil.addRows`可以向表格添加新行。 3. **事件处理**:DWRUtil简化了...
DWRUtil是DWR(Direct Web Remoting)框架中一个非常重要的工具类,提供了一些实用的方法来操作HTML元素、处理数据和实现自动化任务。在本篇文章中,我们将详细介绍DWRUtil的各种方法和使用场景。 1. DWRUtil.$() ...
DWR(Direct Web Remoting)是一种简化Ajax应用开发的技术,它使得JavaScript可以直接调用Java服务端方法,从而避免了传统Ajax开发中需要手动处理JSON数据的问题。DWR不仅简化了开发流程,还提高了应用程序的响应...
DWR 处理各种 form 表单 Select/option,table DWR(Direct Web Remoting)是一种基于 Ajax 的远程调用技术,用于简化 JavaScript 与服务器之间的交互。DWR 可以将服务器端的 Java 对象转换为 JavaScript 对象,使得...
DWR util.js 学习笔记整理 DWR util.js 是一个功能强大的 JavaScript 库,它提供了许多有用的函数,可以帮助开发者在客户端页面上实现各种操作。下面是对 DWR util.js 的学习笔记整理。 1. $() 函数 DWRUtil 中的...
DWR util.js 学习笔记 DWR util.js 是一个JavaScript工具库,提供了一些有用的函数,用于在客户端页面调用。下面是DWR util.js中的主要功能: 1. $()函数:获取页面参数值 该函数用于获取页面参数值,例如:var ...
3. 在JavaScript中,使用DWR暴露的方法,如`Remote.singleMethod(params, callback)`,异步调用服务器端的方法。 4. 定义回调函数来处理服务器返回的数据,更新页面内容。 通过这种方式,DWR提供了一种高效且易于...
Direct Web Remoting (DWR) 是一种用于在Web应用程序中实现AJAX功能的库,它允许JavaScript和服务器端Java代码之间进行交互。在提供的描述中,我们看到了几个DWRUtil工具类的一些用法,这个工具类提供了许多方便的...
DWR(Direct Web Remoting)是一种简化Ajax应用开发的技术框架,它使得JavaScript能够直接调用服务器端的Java方法,就像调用客户端的方法一样简单。DWRUtil是DWR框架中的一个工具类库,提供了一系列用于操作DOM元素...
DWR (Direct Web Remoting) 是一个简化 AJAX 编程的框架,它使得 JavaScript 函数能够直接调用服务器端的 Java 方法,而无需编写复杂的 XML 或 JSON 数据处理代码。在 DWR 中,`dwrUtil` 是一个非常重要的工具类,...
DWRUtils是一个JavaScript库,它与Direct Web Remoting (DWR)框架一起使用,简化了在浏览器端与服务器端进行交互的过程。DWR允许在客户端和服务器之间实时地交换数据,而无需刷新整个页面。DWRUtils提供了许多便利的...