【JavaScript】GridView

最新推荐文章于 2022-10-20 14:35:49 发布

csdou

最新推荐文章于 2022-10-20 14:35:49 发布

阅读量467

点赞数

分类专栏：代码收藏整理文章标签： javascript asp textbox server border function

本文链接：https://blog.csdn.net/csdou/article/details/6965923

版权

代码收藏整理专栏收录该内容

56 篇文章 0 订阅

订阅专栏

 <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.οnlοad=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>