我仍然有我的级联选择问题,特别是与optionsCaption。继续下拉框问题
如果我选择在父“选择一个海报”选项选中,然后我得到这个错误:
微软JScript运行时错误:无法解析绑定。 消息:TypeError:无法获取属性'ClientSite'的值: object is null or undefined; 绑定值:选择:enter code here
selectedPoster()ClientSite,optionsText: 'CLIENTNAME',optionsCaption:select2OptionsCaption(),值: selectedClient,禁用:(selectedPoster()== ClientSite未定义。)
我将不胜感激如果有人能帮我解决它。
干杯 Ç
enter code here
var objPoster1 = new Dockethub.Services.PosterDdl();
objPoster1.SiteId = -1;
objPoster1.SiteName = "";
var posterArray = ([
{ SiteId: 1,
SiteName: "Mail",
ClientSite:[
{ ClientId: 1, ClientName: "Mail Client A" }, { ClientId: 2, ClientName: "Mail Client B"}]
},
{ SiteId: 2,
SiteName: "DSAC",
ClientSite:[
{ ClientId: 1, ClientName: "DSAC Client A"}]
},
{ SiteId: 3,
SiteName: "Bank",
ClientSite:
[{}]
}
]);
//var posterArray = ([]);
//var posterArray = ([{ SiteId: 1, SiteName: "Royal Mail" }, { SiteId: 2, SiteName: "DSAC"}]);
//var posterArray = ([{ SiteId: 1, SiteName: "Royal Mail", ClientSite:[{}] }]);
//posterArray.push(objPoster1);
// VIEW MODEL START
var ViewModel = function() {
var self = this;
// Poster
self.PosterList = ko.observableArray([]);
ko.mapping.fromJS(posterArray, null, self.PosterList);
self.selectedPoster = ko.observable(null);
self.selectedClient = ko.observable(null);
self.select1OptionsCaption = ko.computed(function() {
if (this.PosterList().length == 0) {
return 'No Posters';
} else {
return this.PosterList().length == 1 ? '' : 'Select a Poster';
}
}, self);
self.select2OptionsCaption = ko.computed(function() {
if (this.selectedPoster() == null || ko.toJS(this.selectedPoster().ClientSite) == undefined || ko.toJS(this.selectedPoster().ClientSite)[0].ClientName == null) {
return 'No Clients';
}
else {
if (this.selectedPoster() != null && ko.toJS(this.selectedPoster().ClientSite).length > 1) {
return 'Select a client';
}
else if (this.selectedPoster() != null && ko.toJS(this.selectedPoster().ClientSite).length == 1) {
return '';
}
else if (this.selectedPoster() != null && ko.toJS(this.selectedPoster().ClientSite).length == 0) {
return 'No Clients';
}
}
}, self);
}; // END VIEW MODEL
var viewModel = new ViewModel();
$(function() {
ko.applyBindings(viewModel);
// remove if statement if you wish to display the select tag event if selectedPoster is null
});
</script>
<fieldset class="SearchFilter">
<legend>Search Filter</legend>
<div class="SearchItem">
<span>Poster:</span>
<select id="Select1" data-bind="options: PosterList, optionsText: 'SiteName', value: selectedPoster, disable:PosterList().length <= 1, optionsCaption:select1OptionsCaption()" ></select>
<!-- ko if: selectedPoster -->
<select id="Select2" data-bind="options: selectedPoster().ClientSite, optionsText: 'ClientName', optionsCaption:select2OptionsCaption(), value: selectedClient, disable: (selectedPoster().ClientSite==undefined) "></select>
<!-- /ko -->
<%--<select id="Select1" data-bind="options: PosterList, optionsText: 'SiteName', value: selectedPoster, disable:PosterList().length <= 1, optionsCaption:select1OptionsCaption" ></select>
<select id="Select2" data-bind="options: selectedPoster().ClientSite, optionsText: 'ClientName', value: selectedClient"></select> --%>
<%--<select id="Select1" data-bind="options: PosterList, optionsText: 'SiteName', value: selectedPoster, disable:PosterList().length <= 1, optionsCaption: (PosterList().length==0)?'No Posters':(PosterList().length==1)?'':'Select a Poster'" ></select>
<select id="Select2" data-bind="options: selectedPoster().ClientSite, optionsText: 'ClientName', value: selectedClient, disable:(selectedPoster().ClientSite==undefined), optionsCaption: (selectedPoster()==undefined)? 'No Clients': ''"></select>--%>
<%-- <select id="dllPoster" data-bind="foreach: PosterList, disable:PosterList().length <= 1" onchange="viewModel.refreshClientList();">
<option data-bind="text: SiteName, attr:{value:SiteId}"></option>
</select>
<select id="ddlClient" data-bind="with: PosterList.ClientSite ">
<option data-bind="text: ClientName, attr:{value:ClientId}"></option>
</select>--%>
</div>
</fieldset>
<input type="button" value="Click me!" onclick="alert(viewModel.selectedPoster().ClientSite())" />
有什么建议吗? – Cleyton 2012-04-06 21:49:32
你能否描述你想要实现的任务? 因为你的代码有点脏,不容易阅读。我认为有更简单的方法来实现你的问题。所以只需说明你需要做什么;) – 2012-06-12 18:13:18