2016-11-01 5 views
0

私はh4タグとボタンを持っています。このボタンは、行を選択するためにアクション列にボタンが含まれているGridViewでモーダルを開きます。モーダルからリフレッシュせずにデータを取得

行ボタンを使用するには、モーダルを閉じてh4タグに「行3が選択されました」と入力する必要があります。しかし、私はページを再配置したくありません。

これは、親ページのタグとボタンです:

<h4>*</h4> 

<? 
echo Html::button('Explotación', [ 
    'value' => Url::to('/explotaciones/seleccionar'), 
    'class' => 'btn btn-primary', 
    'id' => 'modalButton' 
]); 

Modal::begin([ 
    'header' => 'Seleccionar Explotación', 
    'id' => 'modal', 
    'size' => 'modal-md' 
]); 
echo "<div id= 'modalContent'></div>"; 
Modal::end(); 
?> 

モーダルでアクション列:モーダルでJavaScriptを登録

[ 
    'class' => 'yii\grid\ActionColumn', 
    'template' => '{seleccionado}', 
    'buttons' => [ 
     'seleccionado' => function ($url, $model) { 
      return Html::a('<span class="glyphicon glyphicon-chevron-right"></span>', '#', [ 
       'id' => 'seleccionado_' . $model->exp_id, 
       'class' => 'seleccionado', 
       'data-fila' => $model->exp_id 
      ]); 
     } 
    ] 
] 

<? 
$assets_js = Yii::$app->assetManager->publish(__DIR__ . '/js'); 

$this->registerJsFile($assets_js[1] . '/seleccion.js', [ 
    'depends' => [ 
     'app\assets\AppAsset' 
    ] 
]); 
?> 

そして、 javascript自体:

(function($){ 
    $(document).ready(function() { 

     $('.seleccionado').click(function(evento) { 
      var value = 'HELLO'; 
      alert(value); 
      value = $(this).data("fila"); 
      alert(value); 
      $('h4').html(value); 
      $('#modal').modal('hide'); 
     }); 

    }); 
})(jQuery); 

コードはHELLOアラートを出力しますが、2番目のものを出力したり、h4タグを出力したり、モーダルを閉じたりしません。

これは正しい方法ですか?

+0

コンソールでエラーがないか最初に確認してください。 – Ima

+0

'$(this).attr(" data-fila ");' – madalinivascu

答えて

0

javascriptの変更を正しく読み込むためにキャッシュを消去すると、そのトリックが正しく行われませんでした。とにかくありがとう。

関連する問題