Extjs 3.2 how to display nested json object in grid panel

everyone!
I have json object in this format:-

{
  "totalcount": 1,
  "loginAndLogoutTime": [
    {
      "departmentId": 0,
      "swipeCardInfo": [
        {
          "transationType": null,
          "attendenceStatus": "Weekend",
          "inTimeVsOutTime": [
            "<td> - </td><td> - </td>"
          ],
          "totalHours": 0.0,
          "inTime": null,
          "outTime": null,
          "weekDate": "05 April 2015",
          "dayOfWeek": "Sunday"
        },
        {
          "transationType": null,
          "attendenceStatus": "ShortPresence",
          "inTimeVsOutTime": [
            "<td>2015-04-23 11:07:10.0</td><td></td>"
          ],
          "totalHours": 0.0,
          "inTime": [
            1429767430000
          ],
          "outTime": [

          ],
          "weekDate": "23 April 2015",
          "dayOfWeek": "Thursday"
        },

I want to display the content of swipeCardInfo object statically I am able to do i.e if I write like this

{name: 'totalHours', type: 'float', mapping: 'swipeCardInfo[1].totalHours'} 

but I want to display all the details under that object.Right now,I am not able to undersatnd how to do it,Though I searched alot.Any help will be highly appreciated!


Source: jsp

Leave a Reply