地獄所有,發佈與淘汰賽訂閱
我有一點與兒童模型複雜的淘汰賽視圖模型。以下是視圖模型的定義:
var DailyItems = function (data) {
var p = this;
this.Date = ko.observable(data.Date);
this.Required = ko.observable(data.Required);
this.SetupTime = ko.observable(data.SetupTime);
this.CloseTime = ko.observable(data.CloseTime);
this.MinHrsPerDay = ko.observable(data.MinHrsPerDay);
this.MaxHrsPerDay = ko.observable(data.MaxHrsPerDay);
this.WorkSegments = ko.observableArray([]);
var records = $.map(data.WorkSegments, function (x) { return new WorkShift(p, x) });
this.WorkSegments(records);
this.EnableAdd = ko.computed(function() {
return this.WorkSegments().length < 8;
}, this);
this.Add = function() {
var data = {
Parent: p,
ID: "",
Date: this.Date,
Location: UNIT_ID,
Role: "",
EmployeeRoles: this.WorkSegments()[0].EmployeeRoles(),//add the roles of the first work segment
ShiftStart: "",
ShiftEnd: ""
};
var child = new WorkShift(p, data);
this.WorkSegments.push(child);
}
this.Delete = function (item) {
this.WorkSegments.remove(item);
}
};
var WorkShift = function (parent, data) {
var self = this;
this.Parent = ko.observable(parent);
this.ID = ko.observable(data.ID);
this.Day = ko.observable(data.Day);
this.Location = ko.observable(data.Location);
this.ShiftStart = ko.observable(data.ShiftStart);
this.ShiftEnd = ko.observable(data.ShiftEnd);
this.EmployeeRoles = ko.observableArray(data.EmployeeRoles);
this.Location.subscribe(function (branchId) {
$.ajax({
type: "POST",
url: SERVER_PATH + '/WebServices/AttributeService.asmx/GetDataOnLocationChange',
data: "{" + "clientId: '" + CLIENT_ID
+ "', unitId: '" + branchId
+ "', effectiveDate:'" + EFFECTIVE_DATE
+ "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (res) {
var d = JSON.parse(res.d);
self.EmployeeRoles(d.Roles);
var tasks = self.Parent().WorkSegments();
//Requirement: for any day of the week, if there is more than one work segment
//at different branches the required type should be set to 'On' and made disable
if (tasks.length > 1) {
for (var i = 0; i < tasks.length; i++) {
if ((d.IsSection == false && tasks[i].Location() != self.Location()) || (d.IsSection == true && self.ParentBranch() != tasks[i].ParentBranch())) {
self.Parent().Required('O');
}
else {
self.Parent().Required('E');
}
}
}
},
error: HandleLocationChangeError
});
}.bind(this));
this.Role = ko.observable(data.Role);
}
這裏會發生什麼事是,位置()在DailyItems(觀察到的)是從下拉列表,它是通過主視圖模型填充的值。當位置改變時,它應該根據所選位置更改EmployeeRoles()observablearray,因此是Location.Subscribe方法。
我的問題是,即使在初始數據加載期間,該訂閱方法也會被調用。所以在開始時就有一個對服務器不必要的調用。我只希望在用戶實際更改下拉選擇時調用它。
我有什麼方法可以實現這個目標?
問候, Chathu
我沒有看到它在初始加載時被調用。我是否缺少一些代碼?這裏是我從你提供的東西創建的小提琴。 http://jsfiddle.net/sujesharukil/ywEP2/ – 2013-03-18 15:14:57