Question

I have a table like below:

 <tbody data-bind="foreach: tasks">
     <tr>  
       <td>
          <span data-bind="text: goal" />
        </td>
        <td>
           <input type="text" data-bind="value: note , 
                 disable: !($data.isAllowedForMember)" />
        </td>
     </tr>
 </tbody>

I want to make note textbox disable when isAllowedForMember = false. But everytime its making note disable(wheather isAllowedForMember = true or false).

Here is my viewmodel

  //viewmodel
 function GoalSheetViewModel() {
 self.tasks = ko.observableArray([]); //tasklist
 self.note = ko.observable();
 self.isAllowedForMember = ko.observable();
 self.IsAllowedToChange = function () {
        $.ajax({ 
            success: function (results) {
                self.isAllowedForMember(results.d);
            },
        })
   };
};

Answer 1

You should unwrap observable if you use it in condition:

   <input type="text" data-bind="value: note , disable: !$parent.isAllowedForMember()" />

The following article can help you to learn some useful things about knockout: http://www.knockmeout.net/2011/06/10-things-to-know-about-knockoutjs-on.html

EDIT:

isAllowedForMember is member of parent context so you should use $parent object to access it:

<input type="text" data-bind="value: note , disable: !$parent.isAllowedForMember()" />