2011-12-13 23 views
5

Çalışan bir jqgrid tablom var ve varsayılan tablonun yükte çökmesini istedim. Sitenin belgelerini kontrol ettim, ancak bunun için bir seçenek bulamadım. Düğmenin bir sınıfı ui-icon-circle-triangle-n vardır.jqGrid varsayılanı daraltmak için nasıl ayarlanır

çok teşekkürler.

+1

Eğer çöken veya daraltma gruplandırması hakkında treegrid hakkında konuşuyor musunuz? – Oleg

cevap

3

Bunu bir keresinde, tabloyu yükledikten sonra, daraltma düğmesindeki .click() öğesini çağırarak yaptım. Belki de en sağlam çözüm değil, ama benim için çalıştı.

+0

Belki de, ui-'.icon-circle-triangle-n''den daha spesifik bir seçici bulmaya çalışmalısınız, çünkü bu sınıf öğenin arka planını ayarlamak için kullanılır. Yalnızca bu seçiciyi kullanmak, belgede bulunan tüm öğelerdeki tıklama etkinliğini tetikler. –

9

hiddengrid, istediğiniz şeyi gerçekleştirecek kılavuzun bir özelliğidir. Aşağıdaki örnekte yer alan son özelliklere bakın.

<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

Bu benim için mükemmel çalıştı! Kabul edilen cevaptan başka, bu cevap, ızgarayı genişletene kadar verilerin yüklenmesini tetiklemek için bekleyecektir. Bu yüzden bu seçeneği tercih ediyorum, bu ipucu için teşekkürler! – Matt

1

Son zamanlarda tıklamayı tetiklemekten daha iyi bir çözüm ve daha verimli buldum.

Sadece gridOptions eleman groupCollapse seçeneğiyle groupingView öğesi ekleyin.

böyle bazıları:

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