title: Using a kendo observable property in multiple viewModels
body: <p>In a Kendo app using the Kendo MVVM framework: I have a "global" viewModel which is information that is common to all parts of the app - e.g. the UserState, which has a property isLoggedIn.</p>
  
  <p>Many different Views and ViewModels access the userState object (from what I can see, 1 View is bound to 1 ViewModel in Kendo).</p>
  
  <p>For example, my home page might show the Login button if they are not authenticated. Then all the other screens behave differently once you are logged in, so each ViewModel needs to reference the UserState object. However, if any of them change it then all other Views should update as I used a Kendo Observable object. This does not seem to work.</p>
  
  <p>I set up a simple example here to illustrate the problem: <a href="http://jsfiddle.net/rodneyjoyce/uz7ph/11" rel="nofollow noreferrer">http://jsfiddle.net/rodneyjoyce/uz7ph/11</a></p>
  
  <pre><code>var app = new kendo.mobile.Application();   
  
  userState = (function ()
  {
      var userStateViewModel = kendo.observable({
                                                    isLoggedIn: false
                                                });    
      function loginUser()
      {
          userStateViewModel.set("isLoggedIn", true);
          alert('Logged in');
      };
  
      return {            
          userStateViewModel: userStateViewModel,
          loginUser: loginUser
      }
  })();
  
  var viewModel1 = kendo.observable({
      label: 'ViewModel1',
      isLoggedInVM1: function() {
          return userState.userStateViewModel.get("isLoggedIn");
      },
      logIn: function ()
      {
          //when calling LoginUser from here, the binding is not updated, even though the value is changed (true)
          userState.loginUser();
          alert('After Login viewModel1.isLoggedInVM1() = ' + viewModel1.isLoggedInVM1() + ' but the binding has not updated');
      }  
  
  });
  
  alert('Value onLoad = ' + viewModel1.isLoggedInVM1());
  
  //If you uncomment this and call LoginUser from here then afterwards the binding changes to true, but not if you call it from within ViewModel1
  //userState.loginUser();
  
  
  kendo.bind($("#testForm"), viewModel1);
  </code></pre>
  
  <p>When I call userState.loginUser() to change the value of isLoggedIn in userStateViewModel it does not update. Run and click on the button to see the problem - the binding does not reflect the updated value (but the alert box does). Any help appreciated, thank you. </p>
  
  <p>Note: This is en extension of an <a href="https://stackoverflow.com/questions/22111653/how-to-use-a-kendo-observable-property-in-multiple-viewmodels">earlier question</a> which got me a bit further.  </p>