Friday, 15 January 2010

jquery - How can I use callback on Bootstrap Modal confirm? -



jquery - How can I use callback on Bootstrap Modal confirm? -

i'm implementing bootstrap modal , need homecoming true if user clicks confirm. @ moment i'm not able utilize info attributes this:

<button type="button" data-toggle="modal" data-target="#mymodal">launch modal</button>

i'm not familiar callbacks , want homecoming true when user clicks confirm. there way can accomplish this? here fiddle.

put in context; want delete record. if homecoming true, go on deletion.

$('#butt').click(function() { $('#content').portaldialogue({ title : 'hjelp', confirm: true, btnclose : 'lukk', btnconfirm : 'ok', action: '#' }); }); (function ( $ ) { $.fn.portaldialogue = function(option,callback) { var self = this; var title = option.title || 'melding'; var confirm = option.confirm || false; var btnclose = option.btnclose || 'lukk'; var btnconfirm = option.btnconfirm || 'ok'; // title $('.modal-title').text(title); // close button $('.btnclose').html(btnclose); // confirm button $('.btnconfirm').html(btnconfirm); // dialog text $('.modal-body').html($(self).html()); //is confirm? if (confirm) { $('.btn.default').addclass('btn-default'); $('.btn.confirm').removeclass('hidden').addclass('btn-primary').click(function(callback){ homecoming callback(true); }); } else { $('.btn.default').addclass('btn-primary'); $('.btn.confirm').addclass('hidden'); } // open dialogue $('.default-modal').modal('show'); }; }( jquery ));

the basic thought callback function object. in case, pass sec parameter portaldialogue function. in example, i'll utilize anonymous function callback.

in sec section of code, bind anonymous function on click, calling callback function passed arbitrary parameter (in case, true).

i'd alter these lines:

$('#butt').click(function() { $('#content').portaldialogue({ title : 'hjelp', confirm: true, btnclose : 'lukk', btnconfirm : 'ok', action: '#' }, function(ret){ // <-- our callback alert(ret); // or whatever code need }); }); .... $('.btn.confirm').removeclass('hidden').addclass('btn-primary').click(function(){ homecoming callback(true); });

http://jsfiddle.net/9kyl5/4/

more on callbacks: https://developer.mozilla.org/en-us/docs/mozilla/js-ctypes/js-ctypes_reference/callbacks

jquery callback twitter-bootstrap-3

No comments:

Post a Comment