2017-01-11 5 views
0

私はブートストラップテーブルとブートストラップダイアログで遊んでいます。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(); 
         } 
         }] 
        }); 
    } 
} 
+0

を持っていました。 –

+0

@Ivan Barayev行テーブルをクリックすると、ブートストラップダイアログが表示されます。その後、[はい]をクリックすると、アラート(「OK」)が表示されます。 Boootstrapダイアログに戻った後、ダイアログの(x)をクリックするだけで閉じることができます。アラートからの復帰後、ダイアログは自動的に閉じる必要があります。 –

答えて

2

;:ここ

は、テストへのリンクです

     buttons: [ { 
         label: 'Yes', 
         cssClass: 'btn-success', 
         action: function(dialogRef) { 
          doFunctionEditForYes(); 
          dialogRef.close(); 
         } 

あなただけの()不足している - それは質問に、彼はダイアログを閉じた後に実行するコードを必要と言うように、ほぼそれ

更新フィドルhttp://jsfiddle.net/xh3xhgb3/

+1

ありがとうございます。それだった。 –

+0

作るのは簡単な間違いです。私はこれを何年もやってきましたが、括弧やその他の小さなことはまだありません:) –

関連する問題