ASP:GridView将行传递到HTML Div

下面的代码是我一直致力于演示如何从

asp:gridview

创建弹出窗口的示例

它工作正常，但由于

设置为页面加载，因此我总是获得

gridview

的第一个实例

我试图找出如何在DIV中获取所选的值。我假设我需要以某种方式将值传递给DIV，但尝试在没有代码落后的情况下实现这一点

如有任何建议，将不胜感激

先谢谢你

<asp:GridView runat="server" id="GridView1"  DataSourceID="SqlDataSource4" AutoGenerateColumns="False" BorderColor="White" GridLines="None" HorizontalAlign="Left">
<Columns>
    <asp:templatefield HeaderText="Metrics:" SortExpression="Column Name">
        <ItemTemplate>
            <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
            <asp:Label runat="server" Text='<%# Eval("[Column Name]") %>' id="Label1" ToolTip="Click to see detail.">
            </asp:Label>
            </a>
        <div id="light" class="white_content">
            <asp:Label runat="server" Text='<%# Eval("[ToolTip]") %>' id="Label2" ToolTip="Click to see detail.">
            </asp:Label>
                <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
                <br>
                <br>
                Exit</br></br></a></div>
            <div id="fade" class="black_overlay">
        </div>

        </ItemTemplate>
        <HeaderStyle HorizontalAlign="Left" Font-Bold="True" Font-Underline="True" />
    </asp:templatefield>
</Columns>

---

我已经有一段时间没有参与WebForms项目了，但是可能ID混淆了网格，因为您直接在模板中设置ID

我的建议是，在数据绑定过程中，使用函数动态设置ID，或者使用网格事件处理程序选择ID。通过这种方式，您将能够为javascript定义正确的ID

通过使用CSS类来选择DIV，可能还有另一个优雅的解决方案

让我知道这是否有帮助

谢谢！

---

Rafael

Tim，这不是经典的ASP！你能把标签丢了吗？