WEB开发网
开发学院网页设计JavaScript JavaScript动态添加表格行(使用模板、标记) 阅读

JavaScript动态添加表格行(使用模板、标记)

 2009-10-25 00:00:00 来源:WEB开发网   
核心提示: 我的做法是将复制进来的模板行看做一段String,在这段String中查找标记,JavaScript动态添加表格行(使用模板、标记)(2),再将数据填充到相应的标记中去,这样的话,则表示将entity.city的内容替换${city},当entity.city为NULL时,无论你哪个地方要填充数

我的做法是将复制进来的模板行看做一段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}

上一页  1 2 3 4  下一页

Tags:JavaScript 动态 添加

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接