Call Javascript from codebehind asp.net

Question

I am trying to get a fancybox to open with a div and a gridview once the gridview has been populated with data.

I can either get the fancybox to open with nothing by calling the fancybox directly, or i can populate the girdview without the showing the fancybox.

this is the code i have that just populates the girdview at the moment as this is where I need to go from.

Any and all help appreicated.

The method

 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

The LinkButton :

<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>

this is whats in the JS File too

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

});

a standard link

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

how would be best to call this function?

Check this? stackoverflow.com/questions/4848678/…

Arghya C
– Arghya C

2015-10-03 20:50:03 +00:00
Commented Oct 3, 2015 at 20:50 — Arghya C
– Arghya C, Commented Oct 3, 2015 at 20:50
just edited my question, so show my js file too

Simon Price
– Simon Price

2015-10-03 20:55:28 +00:00
Commented Oct 3, 2015 at 20:55 — Simon Price
– Simon Price, Commented Oct 3, 2015 at 20:55

Martin Swanepoel · Accepted Answer · 2015-10-04 00:21:52Z

1

Here update your javascript

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

You must gridLoaded to false on first page load, then when you are done loading the grid set the gridLoaded to true.

edited Oct 4, 2015 at 0:21

answered Oct 3, 2015 at 21:07

Martin Swanepoel

3322 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Simon Price Over a year ago

the linkButton is calling the getEmailContacts already if you take a look at the code, its the #emailAddresss i need to get to open the div in the fancy box

Simon Price Over a year ago

the standard <a href="..."> works to call the fancybox, the linkbutton calls the codebehind, but what i need is to have the linkbutton to call the method, then call the javascript to open the fancybox

Martin Swanepoel Over a year ago

This answer is what you looking for then. It's the JQuery that's your problem. Instead of getEmailContacts(); use $('#getEmailContacts').click();

Simon Price Over a year ago

can you adjust your answer to show me how you mean then please

Martin Swanepoel Over a year ago

Sorry I mean't $('#emailAddresses').click(), I've updated the answer.

|

Collectives™ on Stack Overflow

Call Javascript from codebehind asp.net

1 Answer 1

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related