Accessing options properties inside for-each in knockout

Question

I was wondering in the following example how I can access the relevant AttributeType property of $parent.contactFields?

as $data looks up fieldCouplings not $parent.contactFields

<ul data-bind="foreach: fieldsCouplings">
   <li>
      <h5 data-bind="text: DisplayName"></h5>                            
      <label>Contact field: <select data-bind="options: $parent.contactFields, optionsText: $data.AttributeType"></select></label>
   </li>
</ul>

I don't seem to be able to find any suitable Binding context in the docs too.

I want to see optionsText to be 0, 1 and 2

Here is an example fiddle: http://jsfiddle.net/makeitmorehuman/86PqH/3/

I don't following you where is `AttributeType` defined? Can you create a small working repro in JSFiddle? — nemesv, Nov 20 '13 at 11:33
Ok but what should be the expected result? What do you want to see in the dropdowns? — nemesv, Nov 20 '13 at 11:41
Magic! Do you know where I read about this in the docs? Also please add an answer so I can give you tick. Thanks mate — makeitmorehuman, Nov 20 '13 at 11:46
You can check it here: http://knockoutjs.com/documentation/options-binding.html — Dominictus, Nov 20 '13 at 11:55

score 0 · Accepted Answer · answered Nov 20 '13 at 11:50

In the optionsText you need to pass in property name as a string, in your case 'AttributeType':

<select data-bind="options: $parent.contactFields, optionsText: 'AttributeType'">

Demo JSFiddle.

This is described in documentation of the options binding: Drop-down list representing arbitrary JavaScript objects, not just strings

And later in the parameters section:

optionsText

See Example 3 above to see how you can bind options to an array of arbitrary JavaScript object - not just strings. In this case, you need to choose which of the objects’ properties should be displayed as the text in the drop-down list or multi-select list. Example 3 shows how you can specify that property name by passing an additional parameter called optionsText.

Accessing options properties inside for-each in knockout

1 Answers1