从代码隐藏 asp.net 调用 Javascript

Question

一旦gridview 填充了数据，我正在尝试使用div 和gridview 打开fancybox。

我可以通过直接调用fancybox 来打开fancybox，或者我可以在不显示fancybox 的情况下填充girdview。

这是我目前仅填充 girdview 的代码，因为这是我需要开始的地方。

任何和所有帮助appreicated。

方法

 Public Sub GetEmailContacts()

    Session("RoleCode") = 27

    Dim dt As DataTable
    Dim dtToBind As DataTable = New DataTable()

    dtToBind.Columns.Add("Contact Type", Type.GetType("System.String"))
    dtToBind.Columns.Add("First Name", Type.GetType("System.String"))
    dtToBind.Columns.Add("Last Name", Type.GetType("System.String"))
    dtToBind.Columns.Add("Email Address", Type.GetType("System.String"))


    dt = GetValues()

    For Each dr As DataRow In dt.Rows
        dtToBind.Rows.Add(dr(0).ToString(), dr(6).ToString(), dr(7).ToString(), dr(9).ToString())
    Next

    For Each dr As DataRow In dtToBind.Rows
        Dim toButtonField = New ButtonField() With {
            .ButtonType = ButtonType.Button,
            .Text = "To: ",
            .CommandName = "DoSomething"
        }


        Dim ccbuttonField = New ButtonField() With {
            .ButtonType = ButtonType.Button,
            .Text = "Cc: ",
            .CommandName = "DoSomething"
        }

        gvContactList.Columns.Add(toButtonField)
        gvContactList.Columns.Add(ccbuttonField)

        Exit For
    Next

    gvContactList.DataSource = dtToBind
    gvContactList.DataBind()

    bttnTo.Attributes.Add("OnClientClick", "#emailAddress")

End Sub

链接按钮：

<asp:LinkButton runat="server" cssclass="fancybox" ID="bttnTo" OnClick="getEmailContacts"><span style='font-size: 20px; color: darkgreen'><i id="toEmail" class="fa fa-users sameRow margin10"></i></span></asp:LinkButton>

这也是 JS 文件中的内容

$(document).ready(function () {
$(".fancybox").fancybox({
    parent: "form:first" // jQuery selector
});

});

标准链接

<a href="#emailAddresses" class="fancybox"><span style='font-size: 20px; color: darkgreen'><i id="toEmail" class="fa fa-users sameRow margin10"></i></span></a>

如何最好地调用这个函数？

Answer 1

在这里更新你的 javascript

$(document).ready(function () {
    fancybox = $(".fancybox").fancybox({
        parent: "form:first" // jQuery selector
    });
    if (gridLoaded) {
        fancybox.click();
    }
});

您必须在第一页加载时将 gridLoaded 设置为 false，然后在加载完网格后将 gridLoaded 设置为 true。