在Kendo MVC Grid中，如何使用本地值进行网格初始化，然后再使用read操作？

<div id="grid"></div>

$(document).ready(function() {
  // 本地数据源
  var data = [
    { id: 1, name: "John Doe", age: 30 },
    { id: 2, name: "Jane Smith", age: 25 },
    { id: 3, name: "Bob Johnson", age: 40 }
  ];

  // 初始化网格
  $("#grid").kendoGrid({
    dataSource: {
      data: data,
      schema: {
        model: {
          id: "id",
          fields: {
            id: { type: "number" },
            name: { type: "string" },
            age: { type: "number" }
          }
        }
      }
    },
    columns: [
      { field: "name", title: "Name" },
      { field: "age", title: "Age" }
    ]
  });
});

$(document).ready(function() {
  // 初始化网格
  var grid = $("#grid").kendoGrid({
    dataSource: {
      transport: {
        read: {
          url: "/api/data", // 读取数据的URL
          dataType: "json" // 数据类型
        }
      },
      schema: {
        model: {
          id: "id",
          fields: {
            id: { type: "number" },
            name: { type: "string" },
            age: { type: "number" }
          }
        }
      }
    },
    columns: [
      { field: "name", title: "Name" },
      { field: "age", title: "Age" }
    ]
  }).data("kendoGrid");

  // 执行read操作
  grid.dataSource.read();
});