私はブートストラップテーブルとブートストラップダイアログで遊んでいます。BootstrapDialogはダイアログを閉じません
私が行をクリックすると、bootstrapDialogでダイアログを表示する必要があります。これはうまくいきます。
「はい」をクリックすると、コードを実行してウィンドウを閉じる必要があります。 CIが "いいえ"を押した場合、私はウィンドウを閉じるだけです。
私の問題は、[はい]をクリックすると警告機能が呼び出されますが、ダイアログは閉じられません。呼び出された関数からの復帰後に自動的にダイアログを閉じる必要があります。
私はここで何が欠けていますか?あなただけの)それはdialogRef.close(あるべきdialogRef.close
buttons: [ {
label: 'Yes',
cssClass: 'btn-success',
action: function(dialogRef) {
doFunctionEditForYes();
dialogRef.close;
}
を使用しているhttp://jsfiddle.net/aoh4yamr/10/
var data = [
{
"name": "bootstrap-table",
"stargazers_count": "526",
"forks_count": "122",
"description": "An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2 and v3) "
},
{
"name": "multiple-select",
"stargazers_count": "288",
"forks_count": "150",
"description": "A jQuery plugin to select multiple elements with checkboxes :)"
},
{
"name": "bootstrap-show-password",
"stargazers_count": "32",
"forks_count": "11",
"description": "Show/hide password plugin for twitter bootstrap."
},
{
"name": "blog",
"stargazers_count": "13",
"forks_count": "4",
"description": "my blog"
},
{
"name": "scutech-redmine",
"stargazers_count": "6",
"forks_count": "3",
"description": "Redmine notification tools for chrome extension."
}
];
$(function() {
$('#table').bootstrapTable({
data: data
});
});
function commonFormatter(value) {
return '<div data-field="' + this.field + '">' + value + '</div>';
}
window.commonEvents = {
'click div': function (e) {
function doFunctionEditForYes() {
alert("ok");
};
BootstrapDialog.show({
title: 'Hello',
message: 'Edit?',
buttons: [ {
label: 'Yes',
cssClass: 'btn-success',
action: function(dialogRef) {
doFunctionEditForYes();
dialogRef.close;
}
}, {
label: 'No',
cssClass: 'btn-warning',
action: function(dialogItself){
dialogItself.close();
}
}]
});
}
}
を持っていました。 –
@Ivan Barayev行テーブルをクリックすると、ブートストラップダイアログが表示されます。その後、[はい]をクリックすると、アラート(「OK」)が表示されます。 Boootstrapダイアログに戻った後、ダイアログの(x)をクリックするだけで閉じることができます。アラートからの復帰後、ダイアログは自動的に閉じる必要があります。 –