Yii2 में Pjax का उपयोग करना (लघु समीक्षा)

मैं yii2 पर एक परियोजना विकसित कर रहा हूं, जबकि फ्रेमवर्क का अध्ययन कर रहा हूं, और वह मदद नहीं कर सकता है लेकिन एक अद्भुत उपकरण साझा करता है जो यह प्रतिनिधित्व करता है। पोस्ट उन लोगों के लिए उपयोगी होगा जिन्होंने पहले Pjax के साथ काम नहीं किया है। अनुभवी डेवलपर्स जो समय के लिए समय समर्पित करेंगे, वे अशुद्धि और परिवर्धन को इंगित करने के लिए आभारी होंगे, इसलिए पोस्ट अधिक उपयोगी और जानकारीपूर्ण हो जाएगी।



संदर्भ के लिए:

Pjax एक jquery प्लगइन है जो pushState और ajax का उपयोग करता है और लिंक का पालन करते समय पृष्ठ को पूरी तरह से लोड करने की क्षमता प्रदान करता है, लेकिन आंशिक रूप से, लेकिन संबंधित पृष्ठ शीर्षक और वापस जाने की क्षमता के साथ

एक ग्रिड के साथ Pjax का उपयोग करना

वैसे इसके बारे में यहाँ लिखा है ।



संक्षेप में, काम करने के लिए pjax के लिए, आपको निम्नानुसार ग्रिड व्यू विजेट को लपेटना होगा:

<?php \yii\widgets\Pjax::begin(); ?> <?= GridView::widget([ // ... configuration here ]); <?php \yii\widgets\Pjax::end(); ?>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

यदि आप नहीं चाहते कि सभी लिंक एक pjax अनुरोध करें, तो शामिल किए गए लिंक के लिए डेटा-pjax = 0 विशेषता जोड़ें। उदाहरण के लिए, इस तरह:

 <?= \yii\helpers\Html::a(Yii::t('app', '...'), ['car/view', 'id' => $car->id], ['data-pjax'=>0]) ?>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

Pjax विजेट में एक संपत्ति भी है:

 public $linkSelector;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

इसका उपयोग pjax का उपयोग करके संसाधित किए जाने वाले लिंक लाने के लिए किया जा सकता है।

सबमिट फॉर्म पर pjax

यदि आप फ़ॉर्म सबमिशन पर pjax को लटकाना चाहते हैं, तो आपको इसमें डेटा-pjax = 1 विशेषता जोड़ना चाहिए, क्योंकि डिफ़ॉल्ट रूप से विजेट द्वारा उत्पन्न कोड इस तरह दिखता है:

 jQuery(document).on('submit', "#w2 form[data-pjax]", function (event) {jQuery.pjax.submit(event, '#w2', {"push":true,"replace":false,"timeout":1000,"scrollTo":false});});
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

हालाँकि, आप इसे संपत्ति का उपयोग करके भी बदल सकते हैं:

 public $formSelector;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

ज्यादा कहां पढ़ा जाए

Pjax विजेट से लिंक करें github.com/yiisoft/yii2-framework/blob/master/widgets/Pjax.php

Pjax plugin से लिंक करें github.com/yiisoft/jquery-pjax