How to open a partial view from controller as a Jquery Mobile dialog?

How to  replace default dialog boxes in Rails 3 with jQuery UI Dialog?

• We are a startup working on a saas product and we are using Rails 3 and JQuery  as our technology.  We need  help to replace default confirm dialog boxes in rails.ujs with JQuery UI Dialog.

• Answer:

  It's actually pretty simple to overwrite the internal confirm method of rails.js. If you look into the rails.js code on Github: https://github.com/rails/jquery-ujs/blob/master/src/rails.js you will find the following line: // Default confirm dialog, may be overridden with custom confirm dialog in // $.rails.confirm confirm: function(message) { return confirm(message); } You could now either edit the file directly - which I highly recommend against - or go ahead and do what the comment says - implement $.rails.confirm. The problem now that you might have with jQuery UI is that you need to return true or false from the confirm function. Meaning that you need to stop everything inside that function until the user clicks abort (false) or ok (true). An example for using the $.rails JS methods with an async jQuery UI dialog could be something like this: // I'm only selecting delete links here $('a[data-method="delete"]').click(function(e) { // if the click event still triggers the rails behaviour as well // you could do this: // $('a[...]').unbind('click').click(function(e) { // and unbind all click events before. var link = $(this); // given you already have a dialog somewhere $( "#dialog-confirm" ).dialog({ resizable: false, height:140, modal: true, buttons: { "Delete all items": function() { // this should submit the link that has been clicked // if I'm not mistaken $.rails.handleMethod(link); // link has been defined above, // and we pass it to the rails ajax // handler $( this ).dialog( "close" ); // close the dialog }, Cancel: function() { $( this ).dialog( "close" ); // do nothing and close } } }); // discard the link's default behaviour e.preventDefault(); });