剔除js下拉列表不显示我的绑定在一个foreach

我没有收到任何错误，但由于某种原因（可能很简单）我无法获得值显示在我的下拉列表中。剔除js下拉列表不显示我的绑定在一个foreach

我的淘汰赛VM：

function UserRecruitingViewModel(apiBaseUrl, userId) { 
var self = this; 
self.orgs = ko.observableArray(); 
//ddl org view switcher stuff 
self.orgDdl = ko.observableArray(); 
self.selectedOrg = ko.observable(); 
var DropdownOrg = function (name, guid) { 
    this.orgName = name; 
    this.orgId = guid; 
}; 

//pull initial data 
$.getJSON(apiBaseUrl + "?userId=" + userId, function (data) { 
    //alert(data); 
    $.each(data, function() { 
     //alert(data); 
     var dropdownOrg = new DropdownOrg(); 
     var org = new Organization(); 
     $.each(this, function (k, v) { 
      //alert("in foreach"); 

      if (k == "UserGuid") { 
       org.userGuid = v; 
      } 
      if (k == "OrgGuid") { 
       dropdownOrg.orgId = v; 
       org.orgGuid = v; 
      } 
      if (k == "OrgName") { 
       dropdownOrg.name = v; 
       org.orgName = v; 
      } 
      if (k == "IsHiring") { 
       org.isHiring = v; 
      } 
      if (k == "Blurb") { 
       org.blurb = v; 
      } 
      //alert("k var: "+k); //field name 
      //alert("v var "+v); //field value 
      //alert("data var " + data); //array of objects (3) 
      //alert(org); 

     }); 
     alert("ddl " + dropdownOrg.name); 
     self.orgDdl.push(dropdownOrg); 
     self.orgs.push(org); 
    }); 
}); 
}

在alert("ddl " + dropdownOrg.name)我看到正确的价值观。在我的网页我有这样的：

<ul class="list-unstyled" data-bind="foreach: orgs"> 
     <div class="row"> 
      <div class="col-md-6"> 
       <p> 
        Viewing: 
        <select class="form-control" 
          data-bind="options: $parent.orgDdl(), optionsText: orgName, value: orgGuid, optionsCaption: 'Change...'"></select> 
       </p> 
...snip...

当我拉起页面在浏览器中，我得到显示正确数据的警报，但在DDL我看到4个选项：“更改...”和3空白选项。检查显示值的元素不在那里。

任何想法，我搞乱语法？

来源

2014-01-13 ledgeJumper

想通了。我不知道这是为什么他们如此，但我不得不改变如下：

在VM：

var DropdownOrg = function (name, orgId) { 
    this.name = name; 
    this.orgId = orgId; 
};

在页面：

<select class="form-control" 
     data-bind="options: $root.orgDdl, optionsText: 'name'"></select>

在GET请求（虚拟机）：

//pull initial data 
$.getJSON(apiBaseUrl + "?userId=" + userId, function (data) { 
    $.each(data, function() { 
     var dropdownOrg = new DropdownOrg(); 
     var org = new Organization(); 
     $.each(this, function (k, v) { 
      if (k == "UserGuid") { 
       org.userGuid = v; 
      } 
      if (k == "OrgId") { 
       dropdownOrg.orgId = v; 
       org.orgId = v; 
      } 
      if (k == "OrgName") { 
       dropdownOrg.name = v; 
       org.orgName = v; 
      } 
      if (k == "IsHiring") { 
       org.isHiring = v; 
      } 
      if (k == "Blurb") { 
       org.blurb = v; 
      } 
     }); 
     self.orgDdl.push(dropdownOrg); 
     self.orgs.push(org); 
    }); 
});

抛出一堆警报和strigifying一堆JSON后，我看到我有一些名称在我的js在不匹配的对象上。我认为我必须遵循我在DropDownOrg对象中设置的命名（我确实改变了它的匹配，但看到了原来的问题），但事实证明它是基于我将它分配给它的名称ajax内部的foreach循环获取请求。对我来说似乎很奇怪，所以如果有人想要谈谈为什么会发生这种情况，请随意！

来源

2014-01-13 02:46:55 ledgeJumper

剔除js下拉列表不显示我的绑定在一个foreach

回答

相关问题