How to Call Javascript function in ASPxPopupControl_WindowCallback in asp.net - c#

I have an ASPxPopupControl and in Callback Function I want to call a javascript function
<script type="text/javascript">
function ShowAlert() {
alert('Display Message Alert');
}
</script>
protected void ASPxPopupControl_WindowCallback(object source, DevExpress.Web.ASPxPopupControl.PopupWindowCallbackArgs e) {
I want to Call ShowAlert() javascript function from here
}
I tried this code but it only works on button click event
Page.ClientScript.RegisterStartupScript(GetType(), "MyKey", "ShowDetailView();", true);

This is a working code which will invoke the javascript function from codebehind.
<script type="text/javascript">
function ShowAlert() {
alert('Display Message Alert');
}
</script>
Code Behind
Page.ClientScript.RegisterStartupScript(this.GetType(), "Call my function", "ShowAlert();", true);
Extra in case if you want to open a window in javascript instead of a pop up ,
ScriptManager.RegisterStartupScript(Page, typeof(Page), "Alert", "window.open('description.aspx','Mywindow','scrollbars=Yes,width=800,menubar=yes, resizable=No');", true);

Related

Trying tocall a jquery function from server side

I am trying to call a jQuery function from the server using script manager but I'm not able to make the call. How should it be called? Any ideas would be appreciated.
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
BindDummyRow();
}
TW12HVGI();
}
void TW12HVGI()
{
ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "script", "dynamicForm();", true);
}
}
<script type="text/javascript">
// $(document).ready(function () {
$(function dynamicForm() {
$("#openForm").click(function () {
});
});
</script>
The issue is because you've defined dynamicForm() as the function you provide to the jQuery document.ready handler, so it's not in the correct scope. Try this instead:
function dynamicForm() {
$("#openForm").click(function () {
// do something...
});
}
Also note that you could make this a lot simpler by just calling dynamicForm() within your JS and removing the unnecessary RegisterStartupScript() from your server side logic.

call jQuery function from code behind at master page on page load

I am calling a jQuery function from code behind in my master page on page load, and it is returning this error:
ReferenceError: $ is not defined
Code Behind:-
protected void Page_Load(object sender, EventArgs e)
{
string script = "$(document).ready(function () {alert('hello'); });";
Page.ClientScript.RegisterStartupScript(this.GetType(), "load", script, true);
}
I also tried this jquery function :-
ScriptManager.RegisterStartupScript(Page, typeof(Page), "ShowProgressBar", "ShowProgressBar();", true);
but then getting the error "ShowProgressBar is not defined".
Try this,
ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "Function1", "yourFunction();", true);
You miss to load your jquery file add following script tag in header.
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>

Call jquery button click event from code behind

I am using the below code to display a div on button click event. Is there any way to call this button click event from C# code behind.
$(document).on("click", '#AddNew', function (e) {
e.stopPropagation();
if ($NewEntry.is(":hidden")) {
$NewEntry.slideDown("slow", "easeOutBounce");
$NewEntry.slideDown("slow", "easeOutBounce");
$filter.slideUp("slow");
return false;
} else {
$NewEntry.slideUp("slow");
return false;
}
});
use this code :
protected void myButton(object sender, EventArgs e)
{
ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "tmp", "<script type='text/javascript'>myFunction(params...);</script>", false);
}
more read : Call jQuery function from ASP.NET code behind C#

Alert message on paging in gridview

I want to show an alert when user tries to do paging in gridview. I am using this script, but the alert pops up even if any of those buttons in the page is clicked in the page. I need to alert only when paging is clicked.
<script type="text/javascript">
function closeEditorWarning() {
return 'It looks like you have been editing something -- if you leave before submitting your changes will be lost.'
}
window.onbeforeunload = closeEditorWarning
</script>
Really appreciate any help on this.
Write an java script alert inside gridview_pageindexchanging() event to do this:
You can do this by using Script Manager as follows:
You have double script tags. Add the script tags yourself:
protected void grid_pageindexchanging(object sender, GridViewPageEventArgs e) {
string script = "<script type=\"text/javascript\">alert('abc');</script>";
ClientScript.RegisterClientScriptBlock(this.GetType(), "Alert", script);
}
Or let the method add it:
protected void grid_pageindexchanging(object sender, GridViewPageEventArgs e) {
string script = "alert('abc');";
ClientScript.RegisterClientScriptBlock(this.GetType(), "Alert", script, true);
}
Hope this helps..
Updated:
try including the following:
using System.Web.Script.Serialization
Updated 2:
Can you try this now:
string script = "alert('its working now!')";
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "its working",script,true);
If jQuery is an option, set a CSS class on the pager and associate your script with the click event for that class.
Untested but probably in the right direction:
$('.myClass').click(function () { closeEditorWarning; });

Not able to call a javascript function through alert

I am creating an alert and trying to call a click event through javascript function when "OK" of alert is pressed.It runs pretty well if I create the alert on page_Load but When I crate the alert on clicking of a buttton, then on pressing "OK" of alert the required click event is not called.
This is how I create the alert
protected void Button1_Click(object sender, EventArgs e)
{
ScriptManager.RegisterStartupScript(this, this.GetType(), "Startup", "Test();", true);
}
This is the javascript function which calls a click event
<script type="text/javascript">
function Test() {
alert('There is no Bookmarked Question Available');
document.getElementById('btnReview').click();
}
</script>
if btnReview is server button then try change you script like this
for asp.net
<script type="text/javascript">
function Test() {
alert('There is no Bookmarked Question Available');
document.getElementById('<%= btnReview.ClientID %>').click();
}
</script>
for asp.net mvc (razor)
<script type="text/javascript">
function Test() {
alert('There is no Bookmarked Question Available');
document.getElementById('#btnReview.ClientID').click();
}
</script>
You just add below code in javascript function
__doPostBack('btnSubmit','OnClick');
Try this
protected void Button1_Click(object sender, EventArgs e)
{
string scripts = #"
function Test() {
alert('There is no Bookmarked Question Available');
}";
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "Startup", scripts, true);
}

Categories