yii2

2015-10-03 9 views
7

में ग्रिड व्यू में मॉडल पॉप अप करें जब मैं ग्रिड व्यू के अंदर एक बटन पर क्लिक करता हूं तो मैं एक मोडल पॉप अप करना चाहता हूं। क्या यह yii2 ग्रिडव्यू के साथ संभव है?yii2

<?= GridView::widget([ 
     'dataProvider' => $dataProvider, 
     'filterModel' => $searchModel, 
     'columns' => [ 
      ['class' => 'yii\grid\SerialColumn'], 


      'time_zone', 
      'no_of_users', 
      'bill_name', 
      'bill_address', 
      'names.name', 
      'bill_state', 
      'bill_city', 
      'bill_postal', 
      'bill_mobile', 

      ['header'=>'Plan Info', 
      'value'=> function($data) 
        { 
         //~ print_r($data);die(); 
         return Html::a(Yii::t('app', ' {modelClass}', [ 
          'modelClass' => 'details', 
         ]), ['userdetails/plans','id'=>$data->id], ['class' => 'btn btn-success '] 

         );  
        }, 
      'format' => 'raw' 
      ], 



      ['class' => 'yii\grid\ActionColumn'], 
     ], 
    ]); ?> 
ऊपर ग्रिड दृश्य में

मैं एक मॉडल पॉपअप के लिए जब मैं बटन 'विवरण' पर क्लिक करें।

धन्यवाद,

उत्तर

9

हां, यह संभव है। इसे नीचे दिए गए चरणों का पालन करने के लिए।

Modal कोड GridView कोड से ऊपर जोड़ें।

<?php 
    yii\bootstrap\Modal::begin(['id' =>'modal']); 
    yii\bootstrap\Modal::end(); 
?> 

इसके बाद आपके विवरण बटन में id जोड़ें। के रूप में की तरह,

[ 
    'header'=>'Plan Info', 
    'value'=> function($data) 
       { 
        return Html::a(Yii::t('app', ' {modelClass}', [ 
          'modelClass' => 'details', 
          ]), ['userdetails/plans','id'=>$data->id], ['class' => 'btn btn-success', 'id' => 'popupModal']);  
       }, 
    'format' => 'raw' 
], 

और ऊपर या दृश्य पृष्ठ के तल पर जावास्क्रिप्ट रजिस्टर से।

$this->registerJs("$(function() { 
    $('#popupModal').click(function(e) { 
    e.preventDefault(); 
    $('#modal').modal('show').find('.modal-content') 
    .load($(this).attr('href')); 
    }); 
});"); 
+0

हे केवल मोडल शरीर कोई शीर्षक और जोड़ने शीर्ष लेख और पाद को देखने के लिए कोई पाद लेख – Bloodhound

+1

को दिखा रहा है इस http://www.yiiframework.com/doc-2.0/yii-bootstrap-modal.html – GAMITG

+0

@Bloodhound - शायद आपने इग्नर्ट ऑनकेल द्वारा (अन्य) उत्तर देखा और/या आपकी टिप्पणी के लिए गैमिट के जवाब से मदद मिली, लेकिन यदि नहीं, तो इग्नर्ट का उत्तर (जिसे हटाया जा सकता है) 'ढूंढने का सुझाव देता है' '(' modal-content ') ' 'खोजने के लिए (' मोडल-बॉडी ') '। –