title: Displaying sub-field of JSON object in KENDO UI Grid Control
body: <p>I have a KENDO UI GRID Control and the data in the JSON is displayed correctly. In that JSON i have an object within the main JSON object. Is there anyway to display that field in the column. This is what i tried based on some links in the web elsewhere but it did not work. Also the values are correctly shown in the console. What should I do differently?
  I want to display the ID.Value in a column and ID is an object.</p>
  
  <pre><code> var eventsDataSource = new kendo.data.DataSource({
                              data: events,
                              batch: true,
                              schema: {
                                  model: {
                                      fields: {
                                          ID.Value : {type:"string"},
                                          CardNumber: { type: "string" },
                                          Description: { type: "string" },
                                          Origin: { type: "Date" },
                                          Priority:{type:"int"},
                                          ReaderName: { type: "string" },
                                          More: { title: "Image"}
                                      },
  
                                  }
                              },
                              pageSize: 8
                          });
                          $("#eventsgrid").kendoGrid(
                              {
                                  dataSource: eventsDataSource,
                              navigatable: true,
                              pageable:
                                  {
                                  input: true,
                                  numeric: false
                                  },
                                  sortable:true,
                              columns: [
                                  {
                                      field: "ID.Value",style:"display:none"
                                  },
                              {
                                  field:"",width:"30px", template:'&lt;input type="checkbox" id="selectevent"/&gt;'
                              },
                              {
                                  field:"CardNumber",width:"80px"
                              },
                              {
                                  field: "Image", width: "45px", title: "Type", template: "&lt;img src='/Content/Themes/Default/images/AlarmType.png' id='AlarmType'/&gt;"
                              },
                              {
                                  field: "Priority", width: "60px", title: "Priroty"
                              },
                              {
                                  field: "Origin", title:"Event Time"
                              },
                              {
                                  field:"Description", title:"Alarm Title"
                              },
                              {
                                  field: "ReaderName", title: "Location"
                              },
                              {
                                  field: "", title: "Actions and Interactions", width: "160px", template: '&lt;input type="button" data-id=ID value="Acknowledge" onclick="javascript:CheckAck(this);" id="Acknowledge" /&gt;&lt;br/&gt;&lt;a href="javascript:performActions()"  &gt;3 Actions&lt;/a&gt;'
                              },
                              {
                                  field: "Image", title: "More", width: "60px", template: "&lt;img src='/Content/Themes/Default/images/Door.png' onclick='showDetails()' id='door' width='20' height='20'/&gt;&lt;div id='cardholderdetails'&gt;&lt;/div&gt;"
                              }
  
                              ],
  
                          }).data("kendoGrid");
  </code></pre>