dwr addRows方法

这种例子网上已经有好多了,主要是多了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的所在的列数。

如果有什么问题可以给我留言。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值