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”即可。喜欢belo

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',
    },

检查

如何使用PhoneJS读取输入字段的值？

2 个答案: