0

Bootstrap モーダル div があります。

<div class="modal fade" id="modalLoginData" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Login Data</h4>
        </div>

        <div class="modal-body">
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <label class="sr-only">Username</label>
                <input type="text" class="form-control" placeholder="Username" data-bind="value: username" />
            </div>   

            <div class="form-group col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <label class="sr-only">Password</label>
                <input type="password" class="form-control" placeholder="Password" data-bind="value: password"  />
            </div>   

            <div class="form-group col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <label class="sr-only">Repeat your password</label>
                <input type="password" class="form-control" placeholder="Repeat your password" data-bind="value: repeatedPassword" />
            </div>   
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <label class="sr-only">Login</label>
            </div>
        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-success btn-sm" data-bind="click: confirmLoginData">Confirm</button>
            <button type="button" class="btn btn-default btn-sm" data-dismiss="modal" data-bind="click: cancelLoginData">Cancel</button>
        </div>
    </div>
</div>

私はJSを介してこのモーダルを開いています。

わかりました、ユーザー名プロパティに値を設定すると...

function Model() {
    this.username = ko.observable("kiwanax");
}

...値は、そのモーダルdivの外側のスパン要素に適切に表示されます...

<span data-bind="text: username"></span>

...しかし、上記のモーダルdivのテキストボックスでは機能していません。

誰が何が起こっているか知っていますか？

ありがとう！

4

1 に答える 1

0

他の人が既に述べたように、コードのより完全なバージョンを投稿すると、他の人があなたを助けることができるようになります. あなたが書いた JavaScript を投稿しなければ、人々はあなたが何をしているのかを推測することしかできません。

そうは言っても、ノックアウトがモーダルの内側とモーダルの外側にユーザ​​ー名を表示するモーダルの例を次に示します。

http://jsbin.com/AFORuzAT/2/edit

$('#modalLoginData').modal();

function Model() {
    this.username = ko.observable("kiwanax");
    this.password = ko.observable();
    this.repeatedPassword = ko.observable();
    this.cancelLoginData = function () {
        console.log( 'cancel!' );
    };
    this.confirmLoginData = function () {
         console.log( 'confirm login data!' );
    };
}

ko.applyBindings(new Model());
于 2013-11-15T00:49:32.990 に答える