title: How to render Kendo UI grid from AJAX response data?
body: <p>I have this code that gets json object from a <strong>static url</strong> and then renders grid. But I want to use json data retrived as AJAX response and then render grid using this response text. <strong>Because for practical deployment I can't use static URL.</strong></p>
  
  <pre><code>    $("#grid").kendoGrid({
      dataSource: {
          type: "json",
          transport: {
              read: {url: "http://url/returnsjsonobject.php"}
              //THIS GETS DATA FROM STATIC URL BUT I WANT TO READ DATA AS AJAX RESPONSE
              //like read: somefunctioncall
              //or like read: somevariable
          },
          schema: {
              model: {
                  fields: {
                      id: {type: "string", editable: false},
                      name: {type: "string"}
  
                  }
              }
          },
          pageSize: 20
      },
      height: 430
      columns: [
          {field: "id", title: "ID", width: "20px", hidden: "true"},
          "name",
  });
  </code></pre>
  
  <p>Thanks in advance for help and if you have any alternative method; I will be happy to try it.</p>