jqueryUI dialog returning bool

Question

0.00/5 (No votes)

See more:

Hi,
I am using jQueryUi dialog with 2 buttons as a replacement of confirm(msg) in javascript.
initializing the jqueryUI dialog:

JavaScript

$(function() {
    	$('#id').dialog({
        	autoOpen: false,
        	width: 600,
        	buttons: {"Yes": yes, "No": no},
        	modal: true    
        });
     });
function yes(){    	
    	$('#id').dialog( "close" );
    	 return true;
	}
function no(){  	
    	$('#id').dialog( "close" );    	
    	return false;
	}

In jqueryUI there is 2 steps:
1.

JavaScript

$("id").dialog('open');// which opens the dialog

2. based on the button click returns true/false.

I am opening this dialog from a function Open() in a another JS file.
How can I have exact functionality as confirm(msg), ie the control waits till the user clicks on a button and returns true/false?

Open()
{......
//var choice = confirm("MSG");<-- returns true/false based on the button click
..opens the jqueryUI dialog
..blocks the control till the user clicks on the buttons
var choice = <-- returns true/false based on the button click
....
}

Any help is appreciated.
Thanks and Regards,
Sayan.

Posted 14-Nov-13 23:09pm

Sayan Bera

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2013-11-15T01:02:00

Solution 1

Problem

JavaScript is Asynchronous.

Solution

In order to get the values, you have to call one CallBack function.

So, modify your Code like below.

JavaScript

$('#id').dialog({
    autoOpen: false,
    width: 600,
    modal: true,
    buttons: {
        "Yes": function () {
            $(this).dialog('close');
            callback(true);
        },
        "No": function () {
            $(this).dialog('close');
            callback(false);
        }
    }    
});

function callback(value) {
    if (value) {
        alert("Confirmed");
    } else {
        alert("Rejected");
    }
}

Demo

[Demo] jQuery UI Confirm Dialog Box[^]

Posted 15-Nov-13 1:02am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Updated 15-Nov-13 1:23am

v3

Comments

Sayan Bera 15-Nov-13 8:20am

Thanks for the quick reply.
I tried exactly as mentioned on the demo link. But its not solving my purpose.
in Open() function i did as follows...
Open()
{
.....
var r = fnOpenNormalDialog();//I require to wait here till the user selects Yes/No and get the returned value
if(r == false)
return;
.... else it proceeds below
....
}
I want the mechanism exactly as confirm(msg) does.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 15-Nov-13 8:53am

As I said you can't get value like this. You have to handle this in callback function.

So, do like below.


Open()
{
    fnOpenNormalDialog();
}

function callback(value) {
    if (!value) {
        return;
    } else {
        // Proceed with your logic.
    }
}

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 15-Nov-13 9:46am

Did you try?

Sayan Bera 15-Nov-13 10:01am

Yes. But the thing you mentioned is having the logic in a separate function and not in Open().
Well, I'm having another problem in that way(SharePont related), so I need to post that separately. The thing I tried seems to be a no-go.
Thanks very much for your replies.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 15-Nov-13 10:04am

Yes, you can't do in the same function as this is Asynchronous.

Please accept this answer, if it has helped you in any way.
This will help others to find the answer in one go and you will also be awarded with some points for this action...

Thanks,
Tadit