我为我正在处理的项目编写了一个快速的 jQuery 自定义扩展。我很难理解我想要实现的自定义 onChange 方法中“this”的范围。如果在我调用 web 服务的代码中间省略了,但是如果您检查最后两种方法,您将看到我的问题出在哪里。我想用所选值更改调用 updateDetails 方法。但是,当在 onchange 事件中调用该方法时,我显然失去了“this”的范围,因为 this.materialListResponse 在此上下文中返回为未定义。任何帮助我理解这一点的帮助将不胜感激。
$.fn.appendMaterials = function (options) {
this.options = options;
//Set Default Options
this.defaults = {
typeID: '66E1320D-51F9-4900-BE84-6D5B571F9B80'
};
this.options = $.extend({}, this.defaults, options);
//
Code here to call web service and generate response XML
//
this.materialListResponse = $.xml2json(
$.parseXML($(this.materialListWebservice()).find("GetMaterialTreeResponse").text())).Materials.Material;
this.appendOptionString = function () {
var i = 0;
this.optionString = '<option>'
for (i = 0; i < this.materialListResponse.length; i++) {
this.optionString += '<option>' + this.materialListResponse[i].MaterialCode + '</option>';
};
this.append(this.optionString);
return this;
};
this.appendOptionString();
this.updateDetails = function () {
for (i = 0; i < this.materialListResponse.length; i++) {
if (this.materialListResponse[i].MaterialCode === this.val()) {
$('#table1 #MaterialDescription').val(this.materialListResponse[i].Description);
}
}
}
this.change(this.updateDetails)
};