Users on my ASP.NET page have the ability to view their customer balance before making a payment. The balance update label is located within an Update Panel, but occasionally there are delays in retrieving this information. In these instances, users may wish to cancel the current process and move on to the next step.
Is it possible to halt the ongoing Update Panel event (when taking too long) using JavaScript and trigger a button Click event instead?
If you want to prevent the refresh of the UpdatePanel, you can utilize code snippets similar to this example.
var divElem = 'AlertDiv';
var messageElem = 'AlertMessage';
Sys.Application.add_load(ApplicationLoadHandler)
function ApplicationLoadHandler(sender, args)
{
Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(CheckStatus);
}
function CheckStatus(sender, args)
{
var prm = Sys.WebForms.PageRequestManager.getInstance();
if (prm.get_isInAsyncPostBack() & args.get_postBackElement().id == 'CancelRefresh') {
prm.abortPostBack();
}
else if (prm.get_isInAsyncPostBack() & args.get_postBackElement().id == 'RefreshButton') {
args.set_cancel(true);
ActivateAlertDiv('visible', 'Still working on previous request.');
}
else if (!prm.get_isInAsyncPostBack() & args.get_postBackElement().id == 'RefreshButton') {
ActivateAlertDiv('visible', 'Retrieving headlines.');
}
}
function ActivateAlertDiv(visString, msg)
{
var adiv = $get(divElem);
var aspan = $get(messageElem);
adiv.style.visibility = visString;
aspan.innerHTML = msg;
}
if(typeof(Sys) !== "undefined") Sys.Application.notifyScriptLoaded();
Nevertheless, the ASP.NET request processing will proceed in the background.
In case the user is unable to navigate until this process concludes, it might be due to ASP.NET session locking which prevents the second request from starting until the first one finishes. To address this, you could consider inspecting the Response.IsClientConnected property within your initial request's code and terminate it if false. This check may need to be performed in a separate thread if the main thread is occupied with processing tasks, depending on your application's setup.
An alternative approach would be to disable session usage or set it to read-only if your page doesn't require writing data to it (as suggested in this response):
If your page does not modify any session variables, you can opt out of most of this lock.
<% @Page EnableSessionState="ReadOnly" %>If your page does not read any session variables, you can opt out of this lock entirely, for that page.
<% @Page EnableSessionState="False" %>If none of your pages use session variables, just turn off session state in the
web.config<sessionState mode="Off" />
After seeking a resolution in C#, I came up with this solution. The following code snippet is to be inserted within the code that handles updates for the UpdatePanel control:
Thread thread = new Thread(DoSomething);
thread.Start();
if (!thread.Join(TimeSpan.FromSeconds(3)))
{
thread.Abort();
}
In case the UpdatePanel's update process exceeds 3 seconds, the current thread is aborted to prevent any delays.
I have a website with a personalized login page. Within the web.config file, the following code is present; <configuration> <system.web> <roleManager enabled="true" /> <authentication mode="Forms"> <for ...
During a long two-day struggle to integrate Angular with webpack, I stumbled upon a rather peculiar issue. In my HTML file, I had been including the bundled JS source using <script src="bundle.js"/> However, this setup was not functioning properly ...
After successfully running "npm install" and installing all packages in the node_module folder, I encountered errors when running the "npm start" command in the command prompt. D:\INSM-HTML-Player>npm start <a href="/cdn-cgi/l/email-protection" ...
I am attempting to load a global SCSS file using the "vue.config.js" file. vue.config.js module.exports = { css: { loaderOptions: { sass: { additionalData: `@import "@/assets/common.scss";` } } } } If I include the style tag in my App. ...
I am trying to retrieve a selected item from a dropdown menu using jQuery and then redirect it to a controller function. This function will return some data to be displayed based on the selected item. I could really use some assistance with this. Here is m ...
I am currently working on a Laravel project for API and a VueJS project for the front end. My main objective is to efficiently upload large video files to the server with minimal chances of failure. I have explored two different methods for achieving this. ...
Currently, I am working on a tab system using VueJS. Each tab has its own set of properties stored in a list of objects. My goal now is to retrieve these properties within my Vue component. Below is the Vue code inside my component: <div> <l ...
I have written this code for uploading files using Ajax and PHP, and I am looking to incorporate a progress bar to indicate the percentage of the upload. Here is the code snippet: <script> $("form#data").submit(function(){ var formData = new ...
Hey everyone! I created a form using dynamic data and in the future, I will need to compile this form, fill it with data, and submit it. Here is how I built the form: <div> <form name="pageForm"> <div> <div class="form-group" ng-repe ...
After incorporating a logger service into my project, I have encountered an issue with using it in NGXS static selectors. The selectors in NGXS are static methods, which prevent me from accessing the logger service injected via Angular DI. Are there any e ...
I am currently working with a large JSON dataset that looks something like this: [ {"date":"2020-03-02", "state:"Delhi", "district":"East Delhi" ..... ..... } ..... ..... ] I have a variety of filters avail ...
Is there a way to refresh my client's web page from the server at a specific time? I need the client's page to be refreshed at 12pm, and although I'm using a scheduler, it doesn't seem to be automatically refreshing the web page on the ...
Is there a way to selectively apply onbeforeunload when a site is redirecting to a specific page? ...
I'm developing a personalized search feature. Currently, when I type "The R," the search results list starts with The Fellowship of the Ring because the phrase "the ring" is in its .text property. However, I want The Return of the King to appear first ...
I have been trying to incorporate a basic Ember application into the view of my node application. I have verified that Ember is properly set up and my sockets are functioning correctly. However, I am encountering an issue where the data is not being displa ...
I'm currently experimenting with react-widgets and utilizing the onSearch function in conjunction with the Multiselect component. Even though I can see that onSearch is being called with the searchTerm, I am unable to incorporate the response into the ...
In the process of developing an application that populates a table based on a JSON dataset, I am seeking a way to store the filtered data into an Excel file or even a CSV. The structure includes two script files - app.js and mainController.js (organized fo ...
Seeking assistance as a beginner in building Basic Bar inverted axes using json data. I am trying to achieve a chart similar to Bar Inverted Axes, but encountering issues with the chart not displaying properly. Utilizing Angular to develop the web applicat ...
I am currently in the process of creating a custom wrapper component for Material UI's TreeView. In this wrapper, I aim to replicate certain functionalities by allowing the passing of props to the TreeView component. One specific prop I am focusing on ...
<a class="btn btn-small btn-block btn-warning" type="button" id="999"> </a> Looking to customize the button style? Check out http://getbootstrap.com/2.3.2/base-css.html#buttons I'm interested in changing the button's style ...