javascript - PhoneJSを使用して入力フィールドの値を読み取る方法は?

Question

ここに私のHTMLがあります:

<div data-options="dxView : { name: 'home', title: 'Home' } " >
<div class="home-view"  data-options="dxContent : { targetPlaceholder: 'content' } " >

    <input data-bind="dxTextBox: { value: username }" />
    <input data-bind="dxTextBox: { value: password }" />
    <div data-bind="dxButton: { text: 'Login', clickAction: validateLogin }"></div>
      </div>

これが私のJavaScriptコントローラーです

MyApp.home = function (params) {

var viewModel = {

    username: ko.observable(''),
    password: ko.observable(''),

    validateLogin : function ()
    {
        console.log(this.username());
        userNameTxt = this.username();
        alert(this.username());
    }
};

return viewModel;

};

テキスト フィールドの値が取り消されません。空白のメッセージが警告されています。

Answer 1

アラート「this」を「viewModel」に変更するだけです。ベロのように

MyApp.home = function (params) {

var viewModel = {

    username: ko.observable(''),
    password: ko.observable(''),

    validateLogin : function ()
    {
        console.log(this.username());
        userNameTxt = this.username();
        alert(viewModel.username());
    }
};

return viewModel;

};

Answer 2

userName: {
        value: ko.observable(""),
        valueUpdateEvent: 'keyup search',
        placeholder: "Username",

    },
    password: {
        value: ko.observable(""),
        mode: 'password',
        placeholder: "type a password",
        valueUpdateEvent: 'keyup search',
    },

確認してください