`
javaliwei
  • 浏览: 13807 次
  • 性别: 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, ...

    DWR中文文档.pdf

    整合 32 4.1 DWR与Servlet 32 4.1.1 使用webContext的方法: 32 4.1.2 方法选择 32 4.2 DWR与Spring 34 4.2.1 让DWR和Spring一起工作的检查列表 34 4.2.2 Spring Creator 34 4.2.3 ...

    DWR小结DWRUtil篇

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

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

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

    DWR util.js学习笔记.doc

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

    DWR util.js 学习笔记 整理

    util.js包含一些有用的函数function,用于在客户端页面调用,它可以和dwr分开,独立营用于你的系统中。 主要功能如下: 1、$() 获得页面参数值 2、addOptions and removeAllOptions 初始化下拉框 3、addRows and...

    JSPAjaxDWR框架函数.docx

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

    DWRUtils高级使用帮助

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

Global site tag (gtag.js) - Google Analytics