शीर्ष टूलबार

Question

को jqGrid कस्टम नेविगेशन जोड़ा जा रहा है यह "शीर्ष पेजर" एक jqGrid में करने के लिए नेविगेशन आइटम जोड़ने के लिए संभव है? और यदि हां, तो ऐसा करने के लिए वाक्यविन्यास क्या है?

मुझे लगता है कि इस

<table id="mygrid"> 
</table> 
<div id="mygrid_pager"></div> 

और फिर एक jqGrid आरंभीकरण कि # की आईडी के साथ इस

$('#mygrid').jqGrid({ 
    ..., //full config string removed for brevity, 
    pager:jQuery('#mygrid'), 
    toppager:true 
}); 
$('#mygrid').jqGrid('navGrid', '#mygrid_pager'),{ 
    'add':false, 
    'del':false, 
    'edit':false, 
    'search':false, 
    'refresh':false, 
    'cloneToTop':true, 
}).navButtonAdd('',{...}); //config navbutton string for button removed for brevity 

ए 'शीर्ष पेजर "की तरह कुछ लग रहा है की तरह लग रहा अपने पन्ने पर एक HTML स्निपेट है mygrid_toppager स्वचालित रूप से पृष्ठ में डाला जाता है, लेकिन इसके कस्टम बटन (जो नीचे पेजर पर दिखाई देते हैं) सवारी के लिए नहीं आते हैं।

मैं see that there's a "cloneToTop" option navGrid के लिए शामिल है, लेकिन इसके विवरण भ्रामक लगता है, और मैं केवल मैं इसे गलत उपयोग कर रहा हूँ यह मान सकते हैं।

परिभाषित होने पर नीचे पेजर से शीर्ष पेजर पर सभी क्रियाएं क्लोन करें। ध्यान दें कि navGrid को केवल शीर्ष पेजर पर लागू किया जा सकता है। शीर्ष पेजर की आईडी ग्रिड आईडी और "_toppager" का एक संयोजन

विकल्प की मेरी समझ यह नीचे पेजर को जोड़ा गया बटन ले जाएगा, और उन्हें शीर्ष करने के लिए क्लोन है। हालांकि, वर्णन तो चला जाता है। कहते हैं "navGrid केवल शीर्ष पेजर, जब से तुम यह क्लोनिंग कर रहे हैं जो किसी भी मतलब नहीं है करने के लिए लागू किया जा सकता पोंट जा रहा है, मैं स्पष्ट रूप से कैसे एपीआई है की गहरी गलतफहमी है इस्तेमाल किया जा करने की अपेक्षा की।

देखा के रूप में किसी को भी (कहीं भी बस एक काम कर उदाहरण के लिए) सही दिशा में मुझे इंगित करते हैं कर सकते हैं मैं इसे सराहना करेंगे। मैं, के रूप में to clever DOM manipulation का विरोध किया, सरकारी एपीआई के माध्यम से ऐसा करने के लिए पसंद करते हैं कहीं StackOverflow पर।

Answer 1

ठीक है, ऐसा लगता है कि मैं एक तरह से जो बेहतर की तरह दिखता है पाया। विचार "#pager" के बजाय "#list_toppager_left" साथ navButtonAdd उपयोग करने के लिए है।

मैं old answer संशोधित कर दिया है, कि एक कस्टम बटन एक मानक बटन के साथ एक साथ नेविगेशन टूलबार के शीर्ष पर जोड़ रहे हैं। शीर्ष नेविगेशन टूलबार के अन्य तत्व हटा दिए जाएंगे। परिणाम

आप इसी डेमो लाइव here देख सकते हैं।