2011-12-13 16 views
5

Ho una tabella jqgrid funzionante e volevo che la tabella di default si comprimesse al caricamento. Ho controllato la documentazione del sito ma non ho trovato l'opzione per questo. Il pulsante ha una classe ui-icon-circle-triangle-n.Come impostare jqGrid come predefinito per comprimere

molte grazie.

+1

parli su treegrid collasso o circa il raggruppamento collasso? – Oleg

risposta

3

Una volta l'ho fatto chiamando .click() sul pulsante chiudi dopo aver caricato la tabella. Forse non è la soluzione più robusta, ma ha funzionato per me.

+0

Probabilmente dovresti provare a trovare un selettore più specifico che solo ui-'.icon-circle-triangle-n', anche se questa classe viene usata per impostare lo sfondo dell'elemento. L'utilizzo solo di quel selettore attiverà l'evento click su tutti questi elementi nel documento. –

9

hiddengrid è una proprietà della griglia che realizzerà ciò che desideri. Vedere l'ultima proprietà impostata nell'esempio seguente.

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     var grid1 = jQuery("#list1").jqGrid({ 
      url: '/controller/action/', 
      datatype: 'json', 
      mtype: 'POST', 
      colNames: ['Col1', 'Col2'], 
      colModel: [ 
     { name: 'Col1', index: 'Col1', width: 22, align: 'left'}, 
     { name: 'Col2', index: 'Col2', width: 22, align: 'left'} 
     ], 
      sortname: 'Col1', 
      sortorder: "asc", 
      caption: 'Sample Grid', 
      rowNum: 10, 
      pager: '#, 
      hiddengrid: true 

    }); 
</script> 
+0

Questo ha funzionato perfettamente per me! Oltre alla risposta accettata, questa risposta attenderà il caricamento dei dati finché non si espande la griglia. Quindi preferisco questa opzione, grazie per questo suggerimento! – Matt

1

Recentemente ho trovato una soluzione migliore e più efficiente di attivare il clic.

Basta aggiungere l'elemento groupingView con l'opzione groupCollapse nell'elemento gridOptions.

A qualcuno piace che:

// grid options 
{ 
    groupingView: { 
     //Collapse all 
     groupCollapse: true 
    } 
} 
Problemi correlati