JS 动态增加删除表格
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;">http://www.blogjava.net/Images/OutliningIndicators/None.gif <HTML>http://www.blogjava.net/Images/OutliningIndicators/None.gif <HEAD>
http://www.blogjava.net/Images/OutliningIndicators/ExpandedBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedBlock.gif <script language="javascript">http://www.blogjava.net/Images/dot.gif
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //--------------------------删除行开始--------------------------------------
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif function DeleteRow(obj)http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //删除行
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //index插入的位置
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif alert("Table1的行数:"+obj.rows.length+"\n"+"Table1的列数:"+obj.rows(0).cells.length);
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif if(obj.rows.length>1)
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif obj.deleteRow(obj.rows.length-1);
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //--------------------------删除行结束--------------------------------------
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //--------------------------插入行开始--------------------------------------
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif function InsertRow(obj)http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //插入行
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //index插入的位置
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif alert("Table1的行数:"+obj.rows.length+"\n"+"Table1的列数:"+obj.rows(0).cells.length);
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif var oTr=obj.insertRow(obj.rows.length);
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif oTr.style.height=21
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif var oTd
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif for (j=0;j<obj.rows(0).cells.length;j++)
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif oTd=oTr.insertCell(j)
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif oTd.innerText=" " //" "
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //--------------------------插入行结束--------------------------------------
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //--------------------------插入列开始--------------------------------------
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif function InsertCol(obj)http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif var oTd
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif for(j=0;j<obj.rows.length;j++)http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif oTd=obj.rows(j).insertCell(obj.rows(j).cells.length);
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif oTd.innerText=" " //" "
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //--------------------------插入列结束--------------------------------------
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //--------------------------删除列开始--------------------------------------
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif function DeleteCol(obj)http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif alert(Table1.rows(0).cells.length);
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif for(j=0;j<Table1.rows.length;j++)
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif if(Table1.rows(j).cells.length>1)
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif Table1.rows(j).deleteCell(Table1.rows(j).cells.length-1);
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //--------------------------删除列结束--------------------------------------
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //--------------------------更改表格文字开始--------------------------------------
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif function showinput()
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif elm = event.srcElement;
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif if (elm.tagName != "TD") return;
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif elm.innerHTML = "<input onblur='hide()' value='"+elm.innerText+"' style='text-align:center;width:100%;border-width: 0px;' name='input1' id='input1'></input>";
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif document.all.item("input1").focus();
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif document.all.item("input1").select();
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif function hide()
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif http://www.blogjava.net/Images/dot.gif{
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif elm = event.srcElement;
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif elm.parentNode.innerHTML = elm.value
http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //--------------------------更改表格文字结束--------------------------------------
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //function document.onmousedown(){
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif // alert(event.keyCode);
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif //}
http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif
http://www.blogjava.net/Images/OutliningIndicators/ExpandedBlockEnd.gif </script>
http://www.blogjava.net/Images/OutliningIndicators/None.gif <TITLE>Lion互动网络=》动态添加修改表格（行、列、内容）</TITLE>
http://www.blogjava.net/Images/OutliningIndicators/None.gif </HEAD>
http://www.blogjava.net/Images/OutliningIndicators/None.gif <BODY>
http://www.blogjava.net/Images/OutliningIndicators/None.gif <INPUT onclick="DeleteRow(Table1)" type="button" value="删除行" ID="Button1" NAME="Button1">&nbsp;<INPUT onclick="InsertRow(Table1)" type="button" value="插入行" ID="Button2" NAME="Button2"><BR>
http://www.blogjava.net/Images/OutliningIndicators/None.gif <INPUT onclick="DeleteCol(Table1)" type="button" value="删除列" ID="Button3" NAME="Button3">&nbsp;<INPUT onclick="InsertCol(Table1)" type="button" value="插入列" ID="Button4" NAME="Button4"></P>
http://www.blogjava.net/Images/OutliningIndicators/None.gif <P><asp:datagrid id="ID_Grid" onclick="showinput()" runat="server" Width="100%" AutoGenerateColumns="False"></asp:datagrid>Table1:
http://www.blogjava.net/Images/OutliningIndicators/None.gif <TABLE id="Table1" onclick="showinput()" cellSpacing="1" cellPadding="1" width="300" border="1">
http://www.blogjava.net/Images/OutliningIndicators/None.gif <TR>
http://www.blogjava.net/Images/OutliningIndicators/None.gif <TD>d</TD>
http://www.blogjava.net/Images/OutliningIndicators/None.gif <TD>c</TD>
http://www.blogjava.net/Images/OutliningIndicators/None.gif <TD>a</TD>
http://www.blogjava.net/Images/OutliningIndicators/None.gif </TR>
http://www.blogjava.net/Images/OutliningIndicators/None.gif <TR>
http://www.blogjava.net/Images/OutliningIndicators/None.gif <TD>a</TD>
http://www.blogjava.net/Images/OutliningIndicators/None.gif <TD>b</TD>
http://www.blogjava.net/Images/OutliningIndicators/None.gif <TD>c</TD>
http://www.blogjava.net/Images/OutliningIndicators/None.gif </TR>
http://www.blogjava.net/Images/OutliningIndicators/None.gif </TABLE>
http://www.blogjava.net/Images/OutliningIndicators/None.gif </BODY>
http://www.blogjava.net/Images/OutliningIndicators/None.gif </HTML>
页:
[1]