When you’re building ASP.NET WebForms applications, showing feedback messages to users is crucial. You may use:
JavaScript’s built-in dialogs (
alert
,confirm
)Third-party libraries (like
alertify.js
)ASP.NET’s
ScriptManager.RegisterStartupScript
to trigger these scripts after server-side operations.
Let’s break this down step by step.
1. ScriptManager.RegisterStartupScript – The Bridge
Explanation
SqlHelper.ExecuteNonQuery(...)
→ Executes a SQL query (insert/update/delete).If success (
> 0
rows affected), we call a JavaScript functionorder();
.If failure, we show an alertify alert with error message.
ScriptManager.RegisterStartupScript(...)
ensures that JavaScript executes after page refresh/postback.
Without ScriptManager
Your JavaScript may not run after a postback in an UpdatePanel.
2. order() function with Alertify
Key points
alertify.alert(message, callback)
→ shows a custom styled alert box.The callback function checks
e
:If user clicks OK → Redirect to
/orders.aspx
.Else → Redirect to
/
ClientPages.aspx
.
alertify
looks modern and customizable compared to plain alert
.
3. Example. Normal JavaScript Alert via ScriptManager
Shows a simple
alert("
Clientdetails added in Master.")
.Good for basic messages, but blocking & ugly UI.
4. Redirect with Alert
Here
First shows
alert("
Client Detailsupdated successfully")
.Then redirects to
/Admin/
ClientPages.aspx
.
5. Error Handling with Alert
Displays server-side error message inside a JavaScript alert.
6. Custom JS Function via ScriptManager
ScriptManager.RegisterStartupScript(this.Page, typeof(string), "hide", "HideTable();", true);
Calls custom JS function after server-side event.
Example: Hide tables if user is on mobile.
7. Thank You Message + Redirect
Shows message and redirects to homepage /
.
8. Plain JavaScript Alert (Client-side)
Uses alert() directly in JS validation.
Blocks execution until user clicks OK.
9. Confirmation Box
confirm(message)
→ Yes/No dialog.Returns
true
if OK clicked,false
if Cancel clicked.Useful for critical actions (delete, update, proceed checks).
Difference: Alert vs Alertify vs Confirm
Feature | alert() | alertify.alert() | confirm() |
---|---|---|---|
Type | Built-in JS | External JS Library | Built-in JS |
UI | Old, blocking | Modern, customizable | Old, blocking |
Customization | No | Yes (themes, buttons) | No |
Callback | No | Yes (with function) | Returns boolean |
Redirect Support | Only with extra JS | Easy (inside callback) | Easy (via true/false) |
Use Case | Quick info | User-friendly notifications | User decisions (Yes/No) |
Conclusion
Use
alert()
for basic notifications (fast but outdated UI).Use
alertify.alert()
for modern, user-friendly alerts with callbacks.Use
confirm()
when you need a Yes/No choice.Always wrap your script inside
ScriptManager.RegisterStartupScript
in ASP.NET to make sure it works after postbacks.
0 comments:
Post a Comment