backgrid and groove in play framework

gistfile1.js

var ObjectModelCentroPeriodoDto = Backbone.Model.extend({});
  
	var ObjectsCentroPeriodoDto = Backbone.Collection.extend({
        model: ObjectModelCentroPeriodoDto,
        url: "clases/listSesionesPorClase?idClase=${clase.id}"
    });
	
	collectionCentroPeriodoDto = new ObjectsCentroPeriodoDto();
	
	var columnsCentroPeriodoDto = [
		{
	        name: "fechaSesion",
	        label: "Fecha De Sesion",
	        cell: shortDate,
	        editable: false
	    },
	    {
	        name: "docenteAsignado",
	        label: "Docente",
	        cell: "string",
	        editable: false
	    },
	    {
	        name: "horaInicio",
	        label: "Hora De Inicio",
	        cell: time,
	        editable: false
	    },
	    {
	        name: "horaFin",
	        label: "Hora De Fin",
	        cell: "time",
	        editable: false
	    },
		{
	        name: "aula",
	        label: "Aula",
	        cell: "string",
	        editable: false
	    }
    ];
		 
    var gridCentroPeriodoDto = new Backgrid.Grid({
        columns: columnsCentroPeriodoDto,
        collection: collectionCentroPeriodoDto

    });
    
    $("#list${cadenaAleatoria}").append(gridCentroPeriodoDto.render().$el);
        
    collectionCentroPeriodoDto.fetch({
        reset: true
    });