jqGrid: एचटीएमएल टेबल को ग्रिड

Question

में कनवर्ट करते समय पेजिंग सक्षम करें, एचटीएमएल टेबल को कुछ पेजेबल और सॉर्टेबल में कनवर्ट करने के तरीके के दौरान यह सब गुगल रहा है, और मैंने jqGrid jquery प्लगइन में ठोकर खाई है। मैंने अब तक सीखा है कि हमें तालिका को बदलने के लिए tableToGrid() पर कॉल करना होगा (जिसे हम विधि में jquery चयनकर्ता स्ट्रिंग के रूप में पास करते हैं)। मैं भी अन्य चीजों के एक मेजबान की कोशिश की है, उदा के लिए की तरह:

tableToGrid('#GridView1'); 

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

लेकिन इन सभी ने मुझे उचित परिणाम के साथ प्रदान नहीं करते। क्या पेजिंग संभव है जब हम एक HTML तालिका को ग्रिड में परिवर्तित करते हैं?

Answer 1

आप

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

साथ की कोशिश तुम भी tableToGrid के दूसरे पैरामीटर के रूप में अधिक jqGrid विकल्प जोड़ सकते चाहिए। तुम भी

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

के संबंध में रूपांतरण के बाद संदर्भ jqGrid के colModel के लिए मिलता है और फिर स्तंभ मॉडल के कुछ मानकों को संशोधित कर सकते हैं।

अद्यतन: उदाहरण के लिए निम्न कोड के साथ आप कुछ कॉलम डेटा edittype: "select" के रूप में सेट कर सकते हैं।

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; 
    } 
}