【JavaScript】GridView

 <script type="text/javascript">function MergeTable(source,dest){    var row;    var cell;    var sourceTb = document.all(source);    var destTb = document.all(dest);    for (var i=0; i<sourceTb.rows.length; i++)    {         row = document.createElement("TR");         for (var j=0; j<sourceTb.rows(i).cells.length; j++)        {             cell = document.createElement("TD");             row.appendChild(cell);             //复制对象             for(k=0;k<sourceTb.rows(i).cells(j).all.length;k++)                 cell.appendChild(sourceTb.rows(i).cells(j).all.item(k));        }        destTb.tBodies(0).appendChild(row);    }    for (var i=sourceTb.rows.length-1; i>=0; i--)    {        sourceTb.deleteRow(i)    }}function ChangeTableLayout(){    if(document.all('tbHeader1') == null)        MergeTable('tbForm1','GridView1');    else        MergeTable('tbForm1','tbHeader1');    if(document.all('tbHeader2') == null)        MergeTable('tbForm2','GridView2');    else        MergeTable('tbForm2','tbHeader2');    if(document.all('tbHeader3') == null)        MergeTable('tbForm3','GridView3');    else        MergeTable('tbForm3','tbHeader3');}window.onload=function(){    ChangeTableLayout();}    </script><td>    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" OnRowCancelingEdit="GridView1_RowCancelingEdit"        OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridView1_RowUpdating" DataKeyNames="OItemID" OnRowDeleting="GridView1_RowDeleting">        <EmptyDataTemplate>            <table id="tbHeader1" border="0" cellpadding="0" cellspacing="2">                <tr>                    <td>                        序号                    </td>                    <td>                        项目名字                    </td>                </tr>            </table>        </EmptyDataTemplate>        <Columns>            <asp:TemplateField HeaderText="序号">                <ItemTemplate>                    <%# Container.DataItemIndex+1 %>                </ItemTemplate>            </asp:TemplateField>            <asp:BoundField DataField="OItemName" HeaderText="项目名称" />            <asp:CommandField HeaderText="编辑" ShowEditButton="True" />            <asp:TemplateField HeaderText="删除" ShowHeader="False">                <ItemTemplate>                    <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" CommandName="Delete"                        Text="删除" OnClientClick="return confirm('您确定删除么？');"></asp:LinkButton>                </ItemTemplate>            </asp:TemplateField>        </Columns>    </asp:GridView>    <table id="tbForm1" border="0" cellpadding="0" cellspacing="0">        <tr>            <td>                <asp:Label ID="Label1" runat="server" Text="序号"></asp:Label>            </td>            <td>                <asp:TextBox ID="TextBoxItemName" runat="server"></asp:TextBox>            </td>            <td>                <asp:Button ID="ButtonItemAdd" runat="server" OnClick="ButtonItemAdd_Click" Text="添加" />            </td>        </tr>    </table></td>