Dynamisch Inhalt in einer Abteilung auf Knopfdruck in Laravel laden

Question

Ich versuche, eine Anwendung mit Laravel zu erstellen, und ich habe einige Schwierigkeiten zu verstehen, wie Inhalt dynamisch in eine Abteilung gemäß der Schaltfläche aus der Menüleiste geklickt wird .

Ich habe eine obere Navigationsleiste, seitliche Navigationsleiste und einen Hauptinhaltsabschnitt auf der Homepage.

Ich möchte, dass sich der Hauptinhalt entsprechend der ausgewählten Option aus der seitlichen Navigationsleiste ändert, aber ich kann die Lösung nicht finden.

@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 

dies ist die home.blade.php. Ich habe es mit Layout und Teilkonzept von Laravel erstellt. Ich möchte ein Formular im Hauptinhaltsbereich laden, wenn der Benutzer dies durch Klicken auf die Seitenleiste anfordert.

kann mir bitte jemand helfen mit dem wie es geht?

Answer 1

Sie können das Ereignis onclick einer Schaltfläche verwenden, um eine Funktion aufzurufen, wenn auf diese Schaltfläche geklickt wird.

aber zuerst müssen Sie Routen und Ansichten für Ihren dynamischen Div-Inhalt definieren. so

1. Erstellen Sie eine Ansicht in resources/views Ordner wie und den Code für Ihre Hauptinhalt setzen.

2. schaffen eine Route in routes/web.php die die Sicht machen wir nur

   erstellt

   Route::get("/main_content", function() { return View::make("main_content"); });

3. nehme an, Sie dazu in der Sidebar eine Schaltfläche ähnlich haben.

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

   auch eine id zum div zuweisen denken Sie daran, das sollte wie

   <div class="row" id="main_content_div"> <!--this part will change--> </div>

   ändern

   dann sollte funktionieren wie diese

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

So jetzt, wenn die Schaltfläche geklickt wird, sollte die Ansicht automatisch in das Div geladen werden.

hoffe, das hilft