Question

这是否可以创建仅一个 gridview并在几个div中显示？感谢。

示例：

<div id="divA">
//In divA, the GridViewA will bind with data source A and display in divA
</div>

<div id="divB">
//In divB, the GridViewA will bind with data source A and display in divB
</div>

<asp:GridView ID="GridViewA" runat="server" Width="100%" >
<Columns>       
<asp:BoundField></asp:BoundField>
</Columns>
</asp:GridView>

Answer 1

这可以使用jQuery的clone（）函数。见下面的例子。

$(function() 
{
    $('#<%= GridViewA.ClientID %>').clone().appendTo('#divA');
    $('#<%= GridViewA.ClientID %>').clone().appendTo('#divB');
});

如果您不想显示原始GridViewA，请使用以下代码。

$(function() 
{
    $('#<%= GridViewA.ClientID %>').clone().appendTo('#divA');
    $('#<%= GridViewA.ClientID %>').appendTo('#divB');
});

如果您不使用jQuery，以下是一个简单的JavaScript解决方案。

<script>
    function onLoad() 
    {
        document.getElementById('divA').innerHTML = document.getElementById('<%= GridViewA.ClientID %>').outerHTML;
        document.getElementById('divB').innerHTML = document.getElementById('<%= GridViewA.ClientID %>').outerHTML;
    }
</script>
<body onload="onLoad();">
    <form id="form1" runat="server">
        <div id="divA"></div>
        <div id="divB"></div>       

        <asp:GridView ID="GridViewA" runat="server"></asp:GridView>     
    </form>
</body>
</html>

不同div中的相同Gridview

1 个答案: