Jquery UI dialog with parameters issue

Question

I am trying to pass parameters to Jquery UI dialog for the new page. The new page has Page_Load method which connects to the database and displays the data. I am having issue with Page_Load method getting called first before $(document).ready. So parameter is empty. I appreciate any suggestions.

MainPage.aspx:

        function ShowGraph(sId) {
              var oid = sId;
             $("#dialog")
               .load('Graph.aspx')
              .data("sId", sId)

             $('#dialog').dialog('open');
        }

<div id="dialog" title="My Dialog Title">
</div>

Graph.aspx:

            $(document).ready(function () {
                    $get('<%= HiddenId.ClientID %>').value = $("#dialog").data('sId');
            });

  <asp:HiddenField runat="server" id="HiddenId"></asp:HiddenField>

code behind

    protected void Page_Load(object sender, EventArgs e)
    {
        BL.GetNumbers(HiddenId.Value);
    }

Rajesh Kumar · Accepted Answer · 2013-12-07 09:43:59Z

1

Pass parameter in query string like

function ShowGraph(sId) {
              var oid = sId;
             $("#dialog")
               .load('Graph.aspx?sId='+sId)

             $('#dialog').dialog('open');
        }

and on page load event you can get it.

answered Dec 7, 2013 at 9:43

Rajesh Kumar

2,5133 gold badges28 silver badges43 bronze badges

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

Collectives™ on Stack Overflow

Jquery UI dialog with parameters issue

Graph.aspx:

code behind

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Graph.aspx:

code behind

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related