how to return value from popup table to the C# asp.net code

Question

Hi,

On clicking a button on UI, we have to show a dialog or Popup Table on the center of the screen asking user to enter integer value of area(Mandatory) when one condition is met, then user clicks Ok(which has captureAreaVal() function in my script as onclick event) and we have to get that user entered value for assigning to some variable in Handle() method.

With code, I have button called 'Complete' on my UI and its onclick event is Done()

{

Handle(class);

ShowMessage("Class is saved");

}.

In the process we have

Private void Handle(MyClass class)

{

if(class.CrossSection.Elements.Any(element => element.SectionName == "Test1"))

            {

                lblHeader.Text = "Test Header";

                lblArea.Text = "Test label";

                ClientScript.RegisterStartupScript(this.GetType(), "ShowPopup", "showAreaPopup();", true); //at this point the popup table is not seen

                return; //debugger hits till here and skips or goes to last line of Handle method

            }
```int TestOneArea= hiddenarea.Value;

class.Details.Add(new Detail() {Name = "Test1Name", Value = TestOneArea});

if(class.CrossSection.Elements.Any(element => element.SectionName == "Test2" ))

{

   //similar code as above block to show popup if sectionName is Test2

}


When I'm debugging the code, the debugger after hitting last line handle() method, Loads my page with with message in ShowMessage() and after that shows the popup. 

function showAreaPopup() {

    var x = document.getElementById("idPopup");

    x.style.visibility = "visible";

}

    var areaVal = document.getElementById('<%=TxtboxArea.ClientID%>').value;

    if (areaVal && !isNaN(areaVal) && parseInt(areaVal) > 0) {

        document.getElementById('<%=hiddenArea.ClientID %>').value = areaVal;

        console.log("in captureareaval()", areaVal);


        

        return true;

    }

    if(areaVal == null || areaVal == '') {

        alert('Affected area is mandatory');

        return false;

    }

    if (isNaN(areaVal)) {

        alert('Please enter integer value for area affected');

        return false;

    }

}


Thank you

Answer

The server code is just producing html that will be sent to the browser. ClientScript.RegisterStartupScript() just adds JavaScript to a list that will be included in the produced html during on-render. the popup will not appear until the html is sent to the browser, while which is after the server code completes.

you can break your server code into two parts requests. One that displays the popup. On postback of the popup, it performs the rest of code. You could also use ajax from the popup.

Answer

On clicking a button on UI, ...

I guess that the "clicking a button on UI" results in postback to the server, the Handle method and all the other methods are invoked at the server side, resultant html source including JavaScript method showAreaPopup() is sent to the browser after completion of all works at server side, and the JavaScript method showAreaPopup() shows the popup on the browser.

Therefore, your requirement below cannot be realized:

I want to display the popup table to ask user input, when the debugger before hitting ShowMessage() function.

Please consider using the ModalPopup extender of ASP.NET Ajax Control Toolkit. It can be shown by the client side script. Demo is given in the following page:

ModalPopup Demonstration

Answer

Hi @VG,

Could you please help me by correcting or providing code to achieve this. Your prompt help is highly appreciated.

I think you may not understand what I meant earlier.

You can click on Complete (Handle method) and it checks if the element is test1 or test2 and then gets the value of the input after clicking the OK button.

Below is the complete code of my test, you can refer to it.

All Code



    
    
    
    
    


    
        
            
            
        
        
        
            
                
                
                    
                        
                        Modal Header
                    
                    
                        Rating

protected void Handle(object sender, EventArgs e)
{
    if (TextBox1.Text == "test1")
    {
        ClientScript.RegisterStartupScript(this.GetType(), "ShowPopup", "showAreaPopup();", true); //at this point the popup table is not seen
    }
}
protected void Add(object sender, EventArgs e)
{
    if (!string.IsNullOrEmpty(TxtboxArea.Text))
    {
        int TestOneArea = Convert.ToInt32(TxtboxArea.Text);             
        //add data
        //class.Details.Add(new Detail() { Name = "Test1Name", Value = TestOneArea});
        ClientScript.RegisterStartupScript(this.GetType(), "alert", "alert('Class is saved');", true);
    }
}

Best regards,
Lan Huang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread

Share via

how to return value from popup table to the C# asp.net code

3 answers

Your answer