I got a little problem. 

I have a Kendo grid inside another kendo grid. This subgrid appear when i add a new record of the record i selected on the principal grid. 

There's no problem there, the inconvenient i got is i want to refresh de grid without refreshing the entire page, because i got too many records and search again that record for add a new records gonna be a little tedious.

Anyone got suggestion for this?

```
<script type="text/javascript" >
        $(document).ready(function() {

              {% if app.session.hasFlash('MensajeError') %}
                $("#mensajeFlashError").fadeIn('slow').delay(6000).fadeOut('slow');
              {%endif%}
              {% if app.session.hasFlash('Mensaje') %}
                $("#mensajeFlash").fadeIn('slow').delay(6000).fadeOut('slow');
              {%endif%}
              $("#grid").kendoGrid(
                                {
                                sortable: true,
                                filterable: true,
                                resizable:true, 
                                pageable:true, 
                                detailInit: detailInit, 
                                detailTemplate: kendo.template($("#template5").html()),
                                dataSource: 
                                {
                                     pageSize: 15,   
                                     transport: 
                                     {
                                         read: "{{path('slb_do_liquidaciones_listado',{ 'catalogo' : inhouse })}}",
                                     },
                                     schema: 
                                     {
                                         data: "data",
                                         total: function(response) 
                                         {
                                             return response.data.length;
                                         },
                                         model: 
                                         {
                                                 id: "id",
                                                 fields: 
                                                 {
                                                     id:{editable: false,type :"number"},
                                                     descripcion: { editable: false },
                                                     fecha_creacion: { editable: false },
                                                     usuario_creacion: { editable: false },
                                                 }
                                         }                      
                                     }
                             },

                             columns: 
                             [
                                     { field: "id",filterable: true, title: "No. DO",width: 70 },
                                     { field: "descripcion",filterable: true, title: "Descripcion",width: 310 },
                                     { field: "fecha_creacion",filterable: true, title: "Fecha",width: 70 },
                                     { field: "usuario_creacion",filterable: true, title: "Usuario",width: 100 },
                                     {command: [{ text: "Nuevo Rubro",imageClass:"k-icon k-add" ,click: showDetails }], title: "&nbsp;", width: "230px" }
                                    // { command: ["create"], title: "&nbsp;", width: "100px" }
                             ],
                             editable: "popup",
                             pageable: 
                             {
                                         //refresh: true,
                                     messages: 
                                     {
                                         display: "{0} - {1} de {2} DO", //{0} is the index of the first record on the page, {1} - index of the last record on the page, {2} is the total amount of records
                                         empty: "No existen Datos",
                                         page: "Página",
                                         of: "de {0}", //{0} is total amount of pages
                                         itemsPerPage: "Facturas por página",
                                         first: "Ir al Inicio",
                                         previous: "Previa",
                                         next: "Siguiente",
                                         last: "Ir al Final",
                                         refresh: "Actualizar"
                                     }
                             },
                             filterable: 
                             {
                                     messages: 
                                     {
                                         info: "", // sets the text on top of the filter menu
                                         filter: "Buscar", // sets the text for the "Filter" button
                                         clear: "Limpiar", // sets the text for the "Clear" button
                                         gte: "Mayor o igual a",
                                         and: "y",
                                         or: "o",
                                         eq: "Igual a",
                                     },
                                     operators: 
                                     {
                                         //filter menu for "number" type columns
                                         number: 
                                         {
                                             eq: "Igual a",
                                             neq: "Diferente a",
                                             gte: "Mayor o igual que",
                                             gt: "Mayor que",
                                             lte: "Menor o igual que",
                                             lt: "Menor que"
                                         },
                                         //filter menu for "date" type columns
                                         date: 
                                         {
                                             eq: "Igual a",
                                             neq: "Diferente a",
                                             gte: "Despues o igual a",
                                             gt: "Después de",
                                             lte: "Antes o igual a",
                                             lt: "Antes del"
                                         },
                                         //filter menu for foreign key values
                                         enums: 
                                         {
                                             eq: "Igual a",
                                             neq: "Dirferente a"
                                         }
                                     }

                                 },
                             }
                     );
               $(".tabstrip").kendoTabStrip(
                                  {
                                      animation: 
                                      {
                                          open: { effects: "fadeIn" }
                                      }
                                  });
                }); 

```