2010-08-17 10 views
5

Bir html tablosunu pagable ve sıralanabilir bir şeye dönüştürmek için bu süre boyunca uğraştım ve jqGrid jquery eklentisine rastladım. Şimdiye kadar öğrendim ki, tabloyu dönüştürmek için tableToGrid() numaralı telefonu çağırmalıyız (ki bu metodu jQuery selector string olarak geçiyoruz). Ayrıca örneğin için, diğer şeyler bir dizi denedim:jqGrid: HTML tablosunu tabloya dönüştürürken sayfalama özelliğini etkinleştirin

tableToGrid('#GridView1'); 

$('#GridView1').jqGrid({ 
    rowNum: 10, 
    pager: '#pager', 
    rowList: [10,20,30] 
}); 

Ama bütün bunlar doğru sonuç beni sağlamaz. Bir html tablosunu ızgaraya dönüştürdüğümüzde sayfalama mümkün mü?

cevap

9

Sen de tableToGrid ikinci parametre olarak daha jqGrid seçenekleri ekleyebilirsiniz

tableToGrid('#GridView1', { 
    rowNum: 10, 
    pager: '#pager', 
    rowList: [10,20,30] 
}); 

ile denemelisiniz. Ayrıca

var cm = myGrid.getGridParam("colModel"); 

saygı ile dönüşümünden sonra jqGrid ait colModel için başvuru almak ve daha sonra kolon modelinin bazı parametreleri değiştirebilir.

GÜNCELLEME: örneğin aşağıdaki kodla edittype: "select" gibi bazı sütun verilerini ayarlayabilirsiniz.

for (var i = 0, l=cm.length; i < l; i += 1) { 
    var colModelColumn = cm[i]; 
    // search for the clolumn with the name colModelColumnName. 
    // variables colModelColumnName and selectedOptions are defined 
    // in another code fragment above this one 
    if (colModelColumn.name === colModelColumnName) { 
     jQuery.extend(colModelColumn, { edittype: "select", 
             editoptions: { value: selectedOptions }}); 
     break; 
    } 
} 
+0

"myGrid" öğesine nasıl başvuru yapıldı? – John

+1

@John: 'var myGrid = $ (" # GridView1 ");' Birisi kodda birçok kez kullanılırsa '$ (' # GridView1 ') 'i kullandığım sayfanın DOM'unda aranması gereken değer, bir değişken ve ihtiyacım olursa her yerde kullan. Bu arada, eski cevabımda yazdıklarımı yapmak için 'setColProp' yöntemini kullanabilirsiniz (http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods#add_on_grid_methods). – Oleg

+0

Çok teşekkür ederim! – John