Question

I’m newbie to Jquery. I’ve simple MVC View for employee registration and when user click on “Create Employee” button, i need to display Jquery confirmation dialog before actually hitting to controller action.

Can anybody please help, how i can use jquery dialog for doing the above task.

Thanks,
-Naren

Answer 1

Html,

<div id='dialog-confirm'>Do you want to create an employee</div>
 <input type='buton'  value='create' onclick='CreateEmployee()'/>

in your javascript

function CreateEmployee(){
    $('#dialog-confirm').dialog('open');

}





    $(document).ready(function() {
    $( "#dialog-confirm" ).dialog({
                resizable: false,
                height:140,
                modal: true,
                buttons: {
                    "Yes": function() {
                        $( this ).dialog( "close" );
                                         //call your create employee action here
                    },
                    Cancel: function() {
                        $( this ).dialog( "close" );
                    }
                }
            });
});