2016-08-12 12 views
1

私はlaravel framework.pleaseの新機能です。これは良い解決策を見つけるのを助けてくれますか?これは小さなものです。しかし、私はそれを不幸にしませんでした。Laravel 5.1 - @includeタグが機能していません

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
     <title>Site</title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">  </script> 
     <script  src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">  </script> 
    </head> 
     <body> 

<div class="container"> 

    <div class="panel panel-default"> 
    <div class="panel-heading"> 
    <button type="button" class="btn btn-info" id="add">New Site</button> 
</div> 

<div class="panel-body"> 
    @include('newSite') 
    <table class="table table-hover"> 
    <caption>Site Info</caption> 
    <thead> 
     <th>Site ID</th> 
     <th>Site Name</th> 
     <th>Date</th> 
     <th>Description</th> 
    </thead> 

    <tbody> 
     @foreach($sites as $key => $site) 
     <tr id="site{{$site->site_id}}"> 
     <td>{{$site->site_id}}</td> 
     <td>{{$site->site_name}}</td> 
     <td>{{$site->site_description}}</td> 
     <td> 
      <button class="btn btn-success btn-edit">Edit</button> 
      <button value="btn btn-danger btn-delete">Delete</button> 
     </td> 
     </tr> 
      @endforeach 
     </tbody> 
     </table> 
    </div> 
    </div> 


    <script type="text/javascript"> 
    $("#add").on('click',function(){ 
    $('#site').modal('show'); 
    }) 
</script> 


</div> 

</body> 
</html> 

これは私のsite.blade.phpビューfile.iでは、それが動作していないline.butこのfile.i使用@include( 'NEWSITE')にnewSite.blade.phpファイルをインクルードする必要があります。私は、このコマンドを入れたときにも、できるだけ早く

+0

あなたは(「NEWSITE」)@includeを呼び出しているとき、何が起こりますか? –

+0

私のアウトアウトは「新しいサイト」Button.tableが私のアウトput.iに表示されていないことを示しています。新しいサイトボタンをクリックするとポップアップとしてnewSite.blade.phpを開きます – Harshan

+0

ポップアップとしてnewSite.blade.php ?? –

答えて

0

はこれを試してみてください、私を助けてcodes.pleaseすべて以下に動作していない:

$("#add").on('click',function(){ 
    $.ajax({ 
     method : 'get', 
     url : '{{ url("/getData") }}', 
     data : 
     { 
      var1 : val1 
     }, 
     success: function(response) 
     { 
      $('#site').html(response); // this response will contain the view returned from getData controller function 

      // Jquery UI dialog 
      $('#site').dialog({ 
       title : 'Your Title', 
       width : 400, 
       height : 350, 
       modal : true, 
       closeOnEscape: false 
      }); 
      $('.ui-widget-overlay').css('background', 'black'); 
     } 
    }) 
}); 
関連する問題