`
javaliwei
  • 浏览: 14018 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

dwr addRows方法

    博客分类:
  • ajax
阅读更多
这种例子网上已经有好多了,主要是多了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的所在的列数。

如果有什么问题可以给我留言。
4
0
分享到:
评论

相关推荐

    DWR addOptions()填充下拉框,addRows()填充表格

    在这个场景中,`addOptions()` 和 `addRows()` 是两个关键的DWR方法,分别用于动态填充下拉选择框(dropdown)和表格(table)。 1. `addOptions()` 方法: `addOptions()` 是DWR提供的一种方便的方法,用于向...

    学习DWR框架的几个资料

    "dwraddRows方法.rar"这个文件可能是一个示例项目,包含了一个具体的DWR方法——"addRows"的使用。这个方法可能用于动态向表格添加行数据,是DWR实时更新界面的一个常见场景。通过解压并运行这个示例,你可以直观地...

    ajax之DWR框架包,中文文档,无刷新分页,表单处理及其他

    5. **DWRUtil_addRows() 函数**:`DWRUtil` 是DWR提供的一套实用工具类,其中的`addRows()`函数常用于向HTML表格添加行数据。例如,当从服务器获取到新的数据时,可以使用这个函数动态地将数据插入到表格中,实现...

    DWR (api)帮助文档

    DWR API 提供了一系列的方法来方便开发者进行数据的传递、UI操作等。 1. `DWRUtil` 是DWR提供的一个实用工具类,包含了多种用于操作DOM元素和数据的方法。例如: - `DWRUtil.selectRange("selectRangeBasic", 5, ...

    DWRUtil.rar_DWRUtil_dwr

    2. **数据填充**:在处理表格和其他HTML结构时,DWRUtil提供了便利的方法,如`DWRUtil.populate`可以将服务器返回的数据填充到HTML元素中,`DWRUtil.addRows`可以向表格添加新行。 3. **事件处理**:DWRUtil简化了...

    DWR小结DWRUtil篇

    DWRUtil是DWR(Direct Web Remoting)框架中一个非常重要的工具类,提供了一些实用的方法来操作HTML元素、处理数据和实现自动化任务。在本篇文章中,我们将详细介绍DWRUtil的各种方法和使用场景。 1. DWRUtil.$() ...

    使用dwr的一点经验

    DWR(Direct Web Remoting)是一种简化Ajax应用开发的技术,它使得JavaScript可以直接调用Java服务端方法,从而避免了传统Ajax开发中需要手动处理JSON数据的问题。DWR不仅简化了开发流程,还提高了应用程序的响应...

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

    DWR 处理各种 form 表单 Select/option,table DWR(Direct Web Remoting)是一种基于 Ajax 的远程调用技术,用于简化 JavaScript 与服务器之间的交互。DWR 可以将服务器端的 Java 对象转换为 JavaScript 对象,使得...

    DWR util.js 学习笔记 整理

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

    DWR util.js学习笔记.doc

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

    JSPAjaxDWR框架函数.docx

    3. 在JavaScript中,使用DWR暴露的方法,如`Remote.singleMethod(params, callback)`,异步调用服务器端的方法。 4. 定义回调函数来处理服务器返回的数据,更新页面内容。 通过这种方式,DWR提供了一种高效且易于...

    dwrUtil用法--更好的开发Ajax

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

    DWRUtil 小结

    DWR(Direct Web Remoting)是一种简化Ajax应用开发的技术框架,它使得JavaScript能够直接调用服务器端的Java方法,就像调用客户端的方法一样简单。DWRUtil是DWR框架中的一个工具类库,提供了一系列用于操作DOM元素...

    dwrUtil用法

    DWR (Direct Web Remoting) 是一个简化 AJAX 编程的框架,它使得 JavaScript 函数能够直接调用服务器端的 Java 方法,而无需编写复杂的 XML 或 JSON 数据处理代码。在 DWR 中,`dwrUtil` 是一个非常重要的工具类,...

    DWRUtils高级使用帮助

    DWRUtils是一个JavaScript库,它与Direct Web Remoting (DWR)框架一起使用,简化了在浏览器端与服务器端进行交互的过程。DWR允许在客户端和服务器之间实时地交换数据,而无需刷新整个页面。DWRUtils提供了许多便利的...

Global site tag (gtag.js) - Google Analytics