2015-05-02 22 views
0

因此,在我的索引頁上,我列出了模型中的所有行和一些字段,單擊按鈕我希望模式能夠與該按鈕對應的行中的所有數據一起彈出至。Yii2在按鈕上單擊傳遞ID以使用ajax渲染部分

所以在按鈕上單擊我想讓ajax調用渲染局部視圖,這將需要我在進行ajax調用時傳遞該項目的ID。

  <div class="col-sm-3 small-item"> 
       <div class="inner-wrapper"> 
        <img src="<?= $model->featured_img; ?>" class="img-responsive"/> 
        <div class="overlay"> 
         <h4><?= $model->title; ?></h4> 
         <p><?= $model->sub_title; ?></p> 
         <a data-toggle="modal" data-target="#modal" class="btnsolid-sm btn-black">View Full Data</a> //this is the button that when clicked the popup should appear with all the related data 
        </div> 
       </div> 
      </div> 

回答

0

爲什麼你不向持有記錄ID的按鈕添加另一個屬性。比方說,data-id="<?= $model->id ?>"

所以,當您單擊JS按鈕,你可以用

var record_id = $(this).data('id'); 

檢索ID,然後用它作爲Ajax調用數據。

$.ajax({ 
    url: 'my/url/bla', 
    data: { 
     id: record_id 
    }, 
    success: function() { 
     // magic here 
    } 
});