Technical Solution reuired

Hai Murali P ,

You can disable the button after the first button click , once the function successfully completed you can enable it aagain.

you can implement a solution to handle multiple button clicks and inform the user about the ongoing process. Your idea of using a hidden variable is a good approach.

To handle multiple button clicks and API calls in Dot Net, you can implement a solution that prevents multiple API calls and informs the user about the ongoing action. Here's a suggestion:

1. Create a hidden variable, let's call it isProcessing, and initialize it as false when the page loads.

2. When a button is clicked, check the value of isProcessing. If it is true, display a message to the user indicating that an action is already in progress. If it is false, proceed with the API call.

3. Before making the API call, set isProcessing to true to indicate that an action is in progress.

4. Once the API call returns, set isProcessing back to false to allow subsequent button clicks.

Here's an example of how you can implement this in C#:

private bool isProcessing = false;

protected void Button1_Click(object sender, EventArgs e)
{
    if (isProcessing)
    {
        // Display a message to the user indicating that an action is already in progress.
        // You can use a label control or a JavaScript alert for this.
        // Example: lblMessage.Text = "Please wait, an action is already in progress.";
    }
    else
    {
        isProcessing = true;

        // Make the API call and perform the necessary function.

        // Once the API call returns, set isProcessing back to false.
        isProcessing = false;
    }
}

You can apply the same logic to the other buttons as well. By using the isProcessing variable, you can prevent multiple API calls and inform the user about ongoing actions.

Understood. If you can’t disable the buttons, you can use a flag to check if an API call is in progress. Here’s how you can do it:

$(document).ready(function() {
    // Flag to check if API call is in progress
    var apiCallInProgress = false;

    // Assuming your buttons have class 'api-button'
    $('.api-button').click(function() {
        if(apiCallInProgress) {
            alert('An action is already in progress. Please wait...');
            return;
        }

        // Set flag to true
        apiCallInProgress = true;

        // Store button id
        var buttonId = $(this).attr('id');

        // Call your API
        $.ajax({
            url: '/YourController/YourAction', // Replace with your URL
            type: 'POST',
            data: { buttonId: buttonId },
            success: function(result) {
                // Handle success
                // Set flag to false
                apiCallInProgress = false;
            },
            error: function() {
                // Handle error
                // Set flag to false
                apiCallInProgress = false;
            }
        });
    });
});

In your .NET MVC Controller:

[HttpPost]
public ActionResult YourAction(string buttonId)
{
    // Your API call logic here

    // Return result
    return Json(new { success = true });
}

This way, when a user clicks any button while an API call is in progress, they will see an alert message and the API call won’t be triggered. Once the API call is complete, the flag is set to false and the user can trigger another API call. Remember to handle exceptions properly in your API calls. 

As per requirement we should not disable buttons.