title: Using Local Storage to cache Kendo datasource data
body: <p>I have a page that has many identical Kendo DropDownLists (MVC flavour).  I'd like to cache the dataset that will be used to populate the dropdownlists in ajax when the page is loaded, then bind the dropdownlists to this local data object as required.</p>
  
  <p>At present I am doing the following to create a LocalStorage object at page load time:</p>
  
  <pre><code> $.ajax({
          url: "/Job/GetEmployees",
          type: "get",
          datatype: 'json',
          success: function (data) {
              var dataSource = new kendo.data.DataSource({
                  offlineStorage: "employeesStorage",
                  data: data
                  });
              dataSource.read();
              return false;
          },
          error: function (msg) {
            //  tostr.error("Error: " + msg.statusText);
          }
      });
  </code></pre>
  
  <p>This successfully creates a Local Storage object called employeesStorage with the correct data in.</p>
  
  <p>Despite much googling I can't see how to utilise this data to populate my EditorTemplates - the closest I have got is:</p>
  
  <pre><code>@Modeltype models.employeesVM
  @(Html.Kendo().DropDownList _
      .Name("Salesman") _
          .DataValueField("employee_id") _
          .DataTextField("LastName") _
          .DataSource(Function(s) s.Read(Function(read) read.Action("GetEmployees", "Job"))) _
          .OptionLabel("Select Employee")
  )
  </code></pre>
  
  <p>...which obviously populates the DDL off the controller when in fact I want to populate it from the local data.
  How do I reconfigure the DDL to access the local storage?</p>