Question

estoy usando la grilla jqGrid el master detail, como hago para que me seleccione varios articulos y me aparezcan en el detail, ya logro hacer el master detail, pero quiero que al seleccionar varios articulos me aparezcan en la segunga grilla, en el detail

<script type="text/javascript">

        jQuery(document).ready(function() {
        jQuery("#list10").jqGrid({
            url: 'cargarProducto.php?q=2', 
            datatype: 'json',
            mtype:'post',

            colNames: ['Codigo','Referencia','Articulo','Grupo'],
            colModel:[
             { name:'cod_prod',index:'cod_prod',width: 5, resize:true, align:'left', sortable: true, search:true, searchoptions: { sopt: ['eq'] }
             },
            { name:'des_prod', index:'des_prod', width:10, align:"left", sortable:false, searchoptions: { sopt: ['eq'] } 
             },
             { name:'ref_prod', index:'ref_prod', width:20, align:"left", sortable:false, search:true,hidden:true, searchoptions: { sopt: ['eq'] } 
             },          
             { name:'des_grupo',index:'des_grupo',width: 10, align:'left', sortable: false, search:true, searchoptions: { sopt: ['eq'] }
             },

            ],
              rowNum:500,
              height: 400,
              width: 700,

            pager: '#pager10',
             sortname: 'cod_prod',
             viewrecords: true,
              sortorder: "desc",
              multiselect:true,

            caption: "SELECIONAR ARTICULO",
            onSelectRow: function(ids) {
        if(ids == null) {
            ids=0;
            if(jQuery("#list10_d").jqGrid('getGridParam','records') >0 )
            {
                jQuery("#list10_d").jqGrid('setGridParam',{url:"subgrid.php?q=1&id="+ids,page:1});
                jQuery("#list10_d").jqGrid('setCaption',"ARTICULO SELECCIONADO: "+ids)
                .trigger('reloadGrid');
            }
        } else {
            jQuery("#list10_d").jqGrid('setGridParam',{url:"subgrid.php?q=1&id="+ids,page:1});
            jQuery("#list10_d").jqGrid('setCaption',"ARTICULO SELECCIONADO: "+ids)
            .trigger('reloadGrid');         
        }
    }
});

 jQuery("#list10").jqGrid('navGrid','#pager10',{add:false,edit:false,del:false});

jQuery("#list10_d").jqGrid({

    url:'subgrid.php?q=1&id=0',
    datatype: "json",
    mtype: 'post',
    colNames:['Codigo','Referencia','Valor Unitario' ],
    colModel:[
             { name:'cod_prod',index:'cod_prod',width: 10, align:'left', sortable: true, search:true     },
             { name:'ref_prod', index:'ref_prod', width:20, align:"left", sortable:false                },
             { name:'pre_prod', index:'pre_prod', width:10, align:"left", sortable:false, search:true   }, 

            ],
     height: 300,
    width: 500,
    rowNum:600,

    pager: '#pager10_d',
    sortname: 'cod_prod',
    viewrecords: true,
    sortorder: "asc",
    multiselect:true,

    caption:"Articulos seleccionados"
    }).navGrid('#pager10_d',{add:false,edit:false,del:false});
jQuery("#ms1").click( function() {
    var s;
    s = jQuery("#list10_d").jqGrid('getGridParam','selarrrow');
    alert(s);
});
         });

</script>