After reading the documentation in the jQueryUI page... I found out I was missing one Javascript file... This one:

<script src="/assets/scripts/jquery-ui-1.8.6.custom.min.js" type="text/javascript"></script>

Thanks anyway... jqGrid is a great tool!

I'm kind of new with jquery... In the example it is mentioned that this feature (drag and drop) uses jquery UI draggable and droppable... Is this something that I have to add besides what I already included???

I really want this feature to work with the jqGrid...

Thanks...

I'm trying to reproduce the Drag And Drop rows between grids example that you have in the Demo page... However it is not working, when I try to drag a row from one grid to another it doesn't even change the mouse cursor!

Here's my Javascript Code:

    jQuery("#gridEquipos").jqGrid({
        url:urlPagina+"&idGrid=gridEquipos",
        datatype: "json",
        mtype:'GET',
        colNames:['ID Equipo','Nombre Equipo'],
        colModel:[
                  {name:'id_equipo',index:'id_equipo', width:60},
                  {name:'nombre_equipo',index:'nombre_equipo', width:250},
                 ],
        rowNum:10,
        rowList:[10,20,30],
        pager: '#pagerEquipos',
        sortname: 'id_equipo',
        viewrecords: true,
        sortorder: "desc",
        caption: "Lista Total de Equipos",
        height:200,
        editurl:urlEditPagina
    });
    
    jQuery("#gridEquipos").jqGrid('navGrid','#pagerEquipos',{edit:false, add:false, del:false},
        {},//edit
        {},//add
        {},//delete
        {}//search
    );

    //EQUIPOS DEL TORNEO
    jQuery("#gridEquiposTorneo").jqGrid({
        url:urlPagina+"&idGrid=gridEquiposTorneo",
        datatype: "json",
        mtype:'GET',
        colNames:['ID Equipo','Nombre Equipo'],
        colModel:[
                  {name:'id_equipo',index:'id_equipo', width:60},
                  {name:'nombre_equipo',index:'nombre_equipo', width:250},
                 ],
        rowNum:10,
        rowList:[10,20,30],
        pager: '#pagerEquiposTorneo',
        sortname: 'id_equipo',
        viewrecords: true,
        sortorder: "desc",
        caption: "Equipos del Torneo",
        height:200,
        editurl:urlEditPagina
    });
    
    jQuery("#gridEquiposTorneo").jqGrid('navGrid','#pagerEquiposTorneo',{edit:false, add:false, del:true},
        {},//edit
        {},//add
        {delData:{idGrid:"gridEquiposTorneo"},
         reloadAfterSubmit:true,
         afterComplete : function(response, postdata){
                        $("#gridGrupos1").trigger("reloadGrid");
                        }
        },//delete
        {}//search
    );

//CONECTAR CON ESTILO DRAG AND DROP LOS GRIDS DE EQUIPOS
    jQuery("#gridEquiposTorneo").jqGrid('gridDnD',{connectWith:'#gridEquipos'});

And here it is what I have in the html page in the top:

<link rel="stylesheet" type="text/css" media="screen" href="assets/styles/jqueryUI/jquery-ui-1.8.6.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="assets/styles/ui.jqgrid.css" />
<script src="/assets/scripts/i18n/grid.locale-es.js" type="text/javascript"></script>
<script src="/assets/scripts/jquery.jqGrid.min.js" type="text/javascript"></script>

am I missing something?