敲除选项绑定

时间:2013-09-26 03:37:43

标签: jquery knockout.js

http://jsfiddle.net/user/jsjs/fiddles/

我无法使用绑定到嵌套viewModel的Knockout.js选项绑定以下<select>元素。我错过了什么吗?我尝试了userFSR()。facilityOptions,mainView()。userFSR()。facilityoptions和userFSR.facility()。所有这些都引发了javascript运行时错误。唯一没有引发运行时错误的是在下面的html片段中,但是渲染后下拉列表是空的。谢谢你的帮助。

        <div id="userFSR">
            <select id="selectFacility" 
                data-bind="options: userFSR.facilityOptions,
                    selectedOptions: userFSR.facilitySelected,
                    optionsCaption: 'Choose facility...',
                    optionsValue: function(item){ 
                        return item.facility_ID
                    },
                    optionsText: function(item){ 
                        return item.facility_name
                    }">
            </select>
        </div>

以下是像这样做ko.toJSON(self,null,2)之后的viewModel内容

self.toggleVM = function () {
    if ($("pre#viewModel").css("display").search("none") != -1) {
        $("pre#viewModel").html(ko.toJSON(self, null, 2));
        $("pre#viewModel").show();
    }
    else
        $("pre#viewModel").hide();
}

viewModel Outpout:

   {
      "btnCancelValue": "Cancel",
      "userBeforeEdit": {
            /* omitted */
      },
      "users": [
        {
            /* omitted */
        },
        {
            /* omitted */
        }
      ],
      "user": {
        /* omitted */
      },
      "operationStatus": "omitted",
      "currentIni": "Q",
      "initials": [
        {
          "initial": "+",
          "apiUrl": "/* omitted */"
        },
        {
          /* omitted */
        }
      ],
      "userFSR": {
        "facilityOptions": [
          {
            "$id": "1",
            "s_FacilityService": [],
            "facility_ID": 531,
            "facility_name": "City 1, State 1",
            "Facility_Code": null
          },
          {
            "$id": "2",
            "s_FacilityService": [],
            "facility_ID": 648,
            "facility_name": "City 2, State 2",
            "Facility_Code": null
          },
          {
            "$id": "3",
            "s_FacilityService": [],
            "facility_ID": 663,
            "facility_name": "City 3, State 3",
            "Facility_Code": null
          }
        ],
        "serviceOptions": [],
        "roleOptions": [],
        "roleSelected": [],
        "FsrCollection": []
      },
      "userPrefFSR": {
        "fsrPrefCollection": []
      }
    }

0 个答案:

没有答案