2017-04-13 14 views
0

ノックアウトjs viewmodelにbootboxjsアラートでアクセスしたいと思います。なぜ私のコードが動作していないのか分かりますか?ブートボックス警告のノックアウト変数/観測所にアクセスする方法

JSfiddle:https://jsfiddle.net/bt2pffcd/1/

簡体字コードは次のとおりです。

<div class="bootbox"> 
    <input data-bind="textinput: testText"/> Typed: 
    <label data-bind="text: testText"></label> 
</div> 
<button data-bind=" click: bootBox">Launch bootbox!</button> 

そして、私のviewmodelとapplybindings:私は私のviewmodelがbootboxのDOM要素ための要素をbootboxに適用されていない学んだ

var ViewModel = function() { 
    var self = this; 

    self.testText = ko.observable("Test"); 
    self.bootBox = function() { 
     bootbox.alert($("div.bootbox").html()); 
    } 

    } 


    ko.applyBindings(new ViewModel()); 
+0

あなたのjsfiddleにエラーがあります。コンソールを見て –

+0

私はそれを見ましたが、トラブルメーカーはここにそのことを確信していません – Developerdeveloperdeveloper

+0

私はあなたの[fiddle](https://jsfiddle.net/bt2pffcd/2/)を別のバージョンのノックアウトで再配列しました外部リソース - なぜブートボックスアラートのテキストボックスにデータが入力されていないのか尋ねていますか? – Forty3

答えて

1

applybindingsが呼び出された後に削除され追加されます。私はポップアップを開いて、コンソールでapplybindingsを呼び出し、それがうまくいった。私はbootboxで私のviewmodelを使用できるようにしたいと思います。

私は解決策を考え出しました。最初は特定のdivにバインドします。そして、bootboxの内容のdivを作成した後、bootboxのポップアップコールを作成し、2番目のdivの内容をメッセージの中に入れて(jquery.htmlで)、bootboxポップアップクラス[0]にバインドを適用し、勝利はあなたのものです。フィドルが更新されます。

+1

可能であれば、あなたの答えにjsFiddleからのコードを含めるようにしてください。jsFiddleリンクさえもリンクの腐敗の対象となるからです。 –

関連する問題