動態加載一個部門內的內容Laravel中按鈕的點擊

我想創建一個應用程序與laravel，我有一些困難，瞭解如何動態加載內容到一個部門根據按鈕從菜單欄中點擊。動態加載一個部門內的內容Laravel中按鈕的點擊

我有一個頂部導航欄，側面導航欄和主頁上的主要內容部分。

我想根據從側面導航欄中選擇的選項更改主要內容，但我無法找到解決方案。

@extends('layouts.app') 
@section('title', '| Homepage') 

@section('content') 
    <div id="wrapper" class="active"> 

     <!-- Sidebar --> 
      <!-- Sidebar --> 
     <div id="sidebar-wrapper"> 
      <ul id="sidebar_menu" class="sidebar-nav"> 
       <li class="sidebar-brand">menu</li> 
      </ul> 
      @include('includes.sidebar') 
     </div> 

     <!-- Page content --> 
     <div id="page-content-wrapper"> 
     <!-- Keep all page content within the page-content inset div! --> 
     <div class="page-content inset"> 
      <div class="row"> 
      <!--this part will change--> 
      </div> 
     </div> 
     </div> 
     </div> 
@endsection

這是home.blade.php。我用laravel的佈局和局部概念創建了它。我想在用戶通過單擊邊欄來請求時在主內容區域加載表單。

任何人都可以請幫助我如何做到這一點？

來源

2017-04-23 Mill3r

我建議使用'javascript'或'jquery'實現你的任務 – Shashika

當點擊該按鈕時，可以使用按鈕的onclick事件來調用函數。

但首先您必須爲動態div內容定義路線和視圖。所以

創建像 resources/views文件夾視圖，並把代碼爲你的主要內容。
創建routes/web.php的路線，這將使得我們剛剛創建

Route::get("/main_content", function() { return View::make("main_content"); });
認爲假設你在你的側邊欄類似下面的按鈕。

<button onclick="load_main_content()" type="button">load</button>

還記得分配id到div應該改變像

<div class="row" id="main_content_div">  </div>

那麼函數應該是這樣的

<script type="text/javascript"> function load_main_content() { $('#main_content_div').load('/main_content/'); } </script>

所以現在無論何時點擊按鈕，視圖都應該自動加載到div中。

希望這有助於

來源

2017-04-24 04:58:35

感謝您的回覆..它確實可以工作，但不是他們的方式我想。可能我需要重述一下我的問題。我的側邊欄有下拉菜單和子菜單，並且它們全部在點擊時改變主要內容的視圖。當我使用一個視圖時，你的方法工作得很好。但不知何故，它有多個視圖工作的錯誤。我找到了解決方法。儘管每次調用視圖時都需要加載一些部件。但現在它工作正常。謝謝.. – Mill3r

您應該有一個主佈局，只有邊欄和其他內容在應用程序中保持不變。並讓側邊欄鏈接指向您所有頁面的多個視圖。如果您打算使用邏輯構建Web應用程序而不僅僅是靜態站點，則還應該考慮控制器，因爲它們非常必要。無論如何，如果你認爲它是正確的，你可以接受答案 –

動態加載一個部門內的內容Laravel中按鈕的點擊

回答

相關問題