问题描述
我想在已经绑定数据的包各种添加一行未绑定的单元格,请问要使用什么方法才能实现?
解决方案
当然不是,还可以从设计器里面创建,不过通过代码也不是很复杂啦,使用Spread.Net添加一个未绑定的行:http://www.cnblogs.com/shup/archive/2013/04/23/3038154.html
解决方案二:
我去,看标签才知道是什么问题,问题里咋不说明呢,不好意思,闪
解决方案三:
“包各种”是指“表格中”吗?通过DOM操作实现。给你一个完整的例子:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>用DOM动态控制表格</title></head><body><script language="javascript">counter = 1;// 插入数据function insertData(){var oStudentsTable = document.getElementById("students");var oTrHang = oStudentsTable.insertRow(oStudentsTable.rows.length); //插入一行var aText = new Array();aText[0] = document.createTextNode("王" + (counter++));aText[1] = document.createTextNode("B072");aText[2] = document.createTextNode("女");aText[3] = document.createTextNode("1025");aText[4] = document.createTextNode("13663616963");for(var i=0; i<aText.length; i++){var oTd = oTrHang.insertCell(i); //插入一个单元格oTd.appendChild(aText[i]);}}// 编辑单元格数据function editData(){var oTable = document.getElementById("students");oTable.rows[1].cells[0].innerHTML += "Chf";}//添加删除数据的列function insertDeleteCell(){var oTable = document.getElementById("students");var oTh = oTable.rows[0].insertCell(oTable.rows[0].cells.length);oTh.innerHTML = "<font style='font-weight: bold;'>操作</font>";for(var i=1; i<oTable.rows.length; i++){var oTd = oTable.rows[i].insertCell(oTable.rows[i].cells.length);oTd.innerHTML = "<a href='#' onclick='myDeleteRow(this)'>Delete</a>";}}//添加拥有一个输入框的列function insertInputCell() {var oTable = document.getElementById("students");var oTh = oTable.rows[0].insertCell(oTable.rows[0].cells.length);oTh.innerHTML = "<font style='font-weight: bold;'>输入</font>";for(var i=1; i<oTable.rows.length; i++){var oTd = oTable.rows[i].insertCell(oTable.rows[i].cells.length);oTd.innerHTML = "<input type="text" style="background:#C0F2F3;margin-left:8px;width:10px;height:10px;" />"}}//删除行function myDeleteRow(theDel){ theDel.parentNode.parentNode.parentNode.removeChild(theDel.parentNode.parentNode);}//删除所有行function deleteAllRows(){var studentsTable = document.getElementById("students");while(studentsTable.rows.length > 1){studentsTable.deleteRow(studentsTable.rows.length - 1);}}//对表格的行进行排序function sortByBirthday(){var studentsTable = document.getElementById("students");// 获取所有学生数据行/**var studentsRowsData = new Array();for(var i=1; i<studentsTable.rows.length; i++){// 以这种方式获取表格的所有行,但是通过deleteRow方法删除表格的行,会导致获取的行成为空行<tr></tr>// studentsRowsData[i-1] = studentsTable.rows[i];}**/var studentsRows = new Array();for(var i=1; i<studentsTable.rows.length; i++){studentsRows[i-1] = studentsTable.rows[i];}// ---------- 排序 Begin ----------for(var i=0; i<studentsRows.length-1; i++){for(var j=i+1; j<studentsRows.length; j++){var iBirth = Number(studentsRows[i].cells[3].firstChild.nodeValue);var jBirth = Number(studentsRows[j].cells[3].firstChild.nodeValue);if(iBirth > jBirth){var temp = studentsRows[i];studentsRows[i] = studentsRows[j];studentsRows[j] = temp;}}}// ---------- 排序 End ----------/**// 删除表格中的所有学生数据行,保留行首while(studentsTable.rows.length > 1){studentsTable.deleteRow(studentsTable.rows.length - 1);}**/var studentsSortedTable = document.getElementById("students_sorted");// 先清空存放排序后学生信息的表格while(studentsSortedTable.rows.length > 1){studentsSortedTable.deleteRow(studentsSortedTable.rows.length - 1);}for(var i=0; i<studentsRows.length; i++){var newRow = studentsSortedTable.insertRow(studentsSortedTable.rows.length);var sortedCells = studentsRows[i].cells;for(var j=0; j<sortedCells.length; j++){var newCell = newRow.insertCell(newRow.cells.length);newCell.innerHTML = sortedCells[j].innerHTML;}}studentsSortedTable.style.display = "inline";}</script><h3>用DOM动态控制表格</h3><input type="button" onclick="insertData()" value="插入一行数据" /><input type="button" onclick="editData()" value="修改单元格数据" /><input type="button" onclick="insertDeleteCell()" value="动态添加删除列" /><input type="button" onclick="insertInputCell()" value="动态添加输入框列" /><input type="button" onclick="deleteAllRows()" value="删除所有行保留行首" /><input type="button" onclick="sortByBirthday()" value="按生日进行排序" /><p></p><table id="students" border="1"> <caption><h3>学生列表</h3> </caption> <tr><th scope="col">姓名</th><th scope="col">学号</th><th scope="col">性别</th><th scope="col">生日</th><th scope="col">联系方式</th> </tr> <tr><td>陈</td><td>B073</td><td>男</td><td>1126</td><td>15915554615</td> </tr> <tr><td>王</td><td>B071</td><td>女</td><td>0304</td><td>13054115694</td> </tr> <tr><td>曹</td><td>B070</td><td>男</td><td>0815</td><td>1381377894</td> </tr> <tr><td>郑</td><td>B078</td><td>男</td><td>1019</td><td>1322377896</td> </tr></table><p></p><table id="students_sorted" border="1" style="display:none"> <caption><h3>排序后的学生列表</h3> </caption> <tr><th scope="col">姓名</th><th scope="col">学号</th><th scope="col">性别</th><th scope="col">生日</th><th scope="col">联系方式</th> </tr></table></body></html>