bootbox

问题 I am using bootbox widget to display bootstrap modal. http://bootboxjs.com/examples.html What i need is to load Razor partial view in bootbox modal This works ok $(".permissions-popup").click(function () { bootbox.dialog({ title: "Icons description.", message: '<div class="alert">Hello</div>', buttons: { main: { label: "Close", className: "btn-primary", callback: function () { } } }, className: "modal-large" } ); }); But when i try something like this $(".permissions-popup").click(function ()

问题 I am using bootbox widget to display bootstrap modal. http://bootboxjs.com/examples.html What i need is to load Razor partial view in bootbox modal This works ok $(".permissions-popup").click(function () { bootbox.dialog({ title: "Icons description.", message: '<div class="alert">Hello</div>', buttons: { main: { label: "Close", className: "btn-primary", callback: function () { } } }, className: "modal-large" } ); }); But when i try something like this $(".permissions-popup").click(function ()

问题 I am using bootbox widget to display bootstrap modal. http://bootboxjs.com/examples.html What i need is to load Razor partial view in bootbox modal This works ok $(".permissions-popup").click(function () { bootbox.dialog({ title: "Icons description.", message: '<div class="alert">Hello</div>', buttons: { main: { label: "Close", className: "btn-primary", callback: function () { } } }, className: "modal-large" } ); }); But when i try something like this $(".permissions-popup").click(function ()

问题 I'm trying to add a confirm prompt into x-editable plugin. If I add using a normal javascript, it works. However, if I try to implement bootbox plugin, it fails. Below is an example of using a normal javascript that works. if(!confirm("Are you sure you wish to proceed?")){ $('#name2').editable('toggle'); return "invalid"; } But if I add bootbox plugin like the example below, it fails to work. It actually change the value before the confirmation. bootbox.confirm("Are you sure you want to

问题 I have two bootbox modal windows - parent and child. If user enters wrong data and try to save the parent modal window, the child window appears. The problem is - when the child window appears, it's still possible to click on the parent modal window buttons. How can I fix it? The parent window controls must be disabled when the child modal opened. Thanks a lot, Michael 回答1: Nice! Thanks a lot! But solution is more simple.. I changed the z-index of the above window. Example: z-index of the

问题 I have two bootbox modal windows - parent and child. If user enters wrong data and try to save the parent modal window, the child window appears. The problem is - when the child window appears, it's still possible to click on the parent modal window buttons. How can I fix it? The parent window controls must be disabled when the child modal opened. Thanks a lot, Michael 回答1: Nice! Thanks a lot! But solution is more simple.. I changed the z-index of the above window. Example: z-index of the

问题 I am trying to make a confirmation message popup when submitting a form using the bootbox plugin. The problem is that I don't know how to select the button inside the form tag. In the example below the confirmation message does work for the button outside the form tag but not for the one inside. How do I select this button wrapped inside the form tag? <div class="bs-example"> <div class="col-md-4 col-md-offset-4"> <form action="#" method="POST"> <div class="form-group"> <input type="username"

问题 I have downloaded bootbox.js in my project and implemented this code to show the pop up modal dialog but nothing errors or success result is printed in my console.I am getting confusing where the error is generated. Js file $('switch input[type="checkbox"]').on('change',function(){ var checkbox=$(this); var checked=checkbox.prop('checked'); var dMsg=(checked)? 'You want to activate the product': 'You want to deactivate the product'; var value=checkbox.prop('value'); bootbox.confirm({ size:

问题 I'm using AngularJS, UI-Grid (http://ui-grid.info/), and Bootbox for a project. What I'd like to do is have the user click a button on the screen, and bring up a dialog box where they select an item from a UI-Grid table. I put together the simplest example I could make: http://plnkr.co/edit/YvsiAQhUrNqnSse1O0oh?p=preview In this, I generate the dialog box HTML like this: var tplCrop = '<div ng-controller="MyTableDialogCtrl">{{ someText }}' + '<div ui-grid="gridOptions" ui-grid-pagination

问题 I can't seem to set the focus on Bootbox's textfield automatically. here's my code: function setCode(myCode){ bootbox.confirm("Enter your PIN: <input id='pin_code' type='password' name='pin_code'></input>", function(result) { if(result) console.log($("#pin_code").val()); }); $("#pin_code").focus(); }; Perhaps something about bootbox's code is getting in the way? 回答1: You can register a shown event handler that sets the focus (as suggested by @Shiny). However, as of Bootstrap 3 and Bootbox v4