JavaScript动态添加表格行(使用模板、标记)
2009-10-25 00:00:00 来源:WEB开发网我的做法是将复制进来的模板行看做一段String,在这段String中查找标记,再将数据填充到相应的标记中去,这样的话,无论你哪个地方要填充数据,只要放一个标记就可以了,比上面的做法要灵活很多。
代码实现(关键点讲解)
我定义的标志为${属性},传递过去的数据为一个entity,当在String中发现${city},则表示将entity.city的内容替换${city},当entity.city为NULL时,用 替换${city}( 网页中的空格)。
1动态添加行方法
2function addInstanceRow(tableId,names,values,functionName){
3 var tableObj=getTargetControl(tableId);
4 var tbodyOnlineEdit=getTableTbody(tableObj);
5 var theadOnlineEdit=tableObj.getElementsByTagName("THEAD")[0];
6 var elm=theadOnlineEdit.rows[theadOnlineEdit.rows.length-1].cloneNode(true);
7 elm.style.display="";
8 if(typeof(names)!="undefined"){
9 if(typeof(functionName)=="undefined") functionName="setObjValueByName";
10 if(typeof(values)!="undefined"&&values!=null){
11 var entity=ArrayToObj(names,values);
12 setInputValue(elm,entity,functionName);
13 }
14 else
15 setInputValue(elm,names,functionName);
16 }
17 tbodyOnlineEdit.appendChild(elm);
18}
Tags:JavaScript 动态 添加
编辑录入:爽爽 [复制链接] [打 印]更多精彩
赞助商链接