我有模型类和viewmodel,我正在创建模型类的一个实例。淘汰js将文本框值传递给viewmodel
当我在输入标签内输入一些文本时,值不会进入viewmodel,当我点击“保存”按钮时,我得到一个空数组。
HTML
<div id="UserID">
<lable>UserName</lable>
<input type="text" data-bind="value:currentUser().userName" />
<br />
<!--<span data-bind="text:firstName" /><br />-->
<label>MobileNumber</label>
<input type="text" data-bind="value:currentUser().userMobileNumber" /><br />
<label>Email</label>
<input type="text" data-bind="value:currentUser().userEmail" /><br />
<label>Image</label>
<input type="text" data-bind="value:currentUser().userImageBase64" /><br />
<label>Image</label>
<input type="text" data-bind="value:currentUser().userImageType" /><br />
<label>DeviceUID</label>
<input type="text" data-bind="value:currentUser().deviceUId" /><br />
<input type="button" value="save" data-bind="click:currentUser().saveuserDetail" />
</div>
JS
// Model class///
var userModel = function() {
self = this;
self.userName = ko.observable()
self.userMobileNumber = ko.observable();
self.userEmail = ko.observable();
self.userImageBase64 = ko.observable();
self.userImageType = ko.observable();
self.deviceUId = ko.observable();
}
//ViewModel//
var userDetails = function() {
self = this;
self.currentUser = ko.observable(new userModel());
//ajax post
self.saveuserDetail = function() {
var model = ko.toJSON(currentUser());
console.log(model);
jQuery.support.cors = true;
$.ajax({
url: baseurl + 'api/xxxx/xxxxx',
type: 'POST',
data: model,
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function(data) {}
});
}
};
$(document).ready(function() {
ko.applyBindings(new userDetails());
});
你应该用'var':'var self = this;'来让你的'self's本地。你还需要'self' in'var model = ko.toJSON(self.curretUser());' –
谢谢解决我的问题。 –