我也写下自己的做法:
------单元格中的代码
<td align="center">
<label οndblclick="javascript:changeGN('${item.id}','${item.groupName}',this)" id="lb${st.index}" >${item.groupName } </label>
</td>
td中弄了label,对label增加双击事件(这个功能是修改一个分组的名称,所以传递了 组的ID,和组的名称,同事也标记了这个label的编号)
-----对应的js 的一些代码
function changeGN(gpid,gpname,lbel){
//label ID
var labelid = lbel.id;
//填充html串
var oldstr = "<input type='text' value='"+gpname+"' οnblur=\"dyGpNameChanage(this,'"+labelid+"','"+gpid+"','"+gpname+"')\" id='inpt"+labelid+"' />"
lbel.innerHTML=oldstr;
//获得新加的input 进行焦点设置
var dyinput = document.getElementById("inpt"+labelid);
dyinput.focus();
}
//新加的input的 onblur事件
function dyGpNameChanage(inputs,lbedid,gpid,oldname){
var newName = inputs.value;
if(newName=='' || newName.length <=0){
alert("组名称不能为空!");
document.getElementById("inpt"+lbedid).value=oldname;
document.getElementById("inpt"+lbedid).focus();
return ;
}
//ajax 修改 组名称
customerGroup.modifyGPName(gpid,newName,function(data){
});
//重新设置label innnerHTML
var labelobj = document.getElementById(lbedid);
labelobj.innerHTML=newName;
}
【对获得的组名称用dwr ajax进行组的名称修改 】