Postingan lainnya
Jquery is not defined di laravel 6.
Halo teman2 semua, saya sedang belajar Laravel. Akan tetapi saya menemukan kendala saat akan memanggil jquery.min.js. Ketika File ini tidak saya taruh di Layout Master, maka javascript saya tidak bisa berjalan. Tetapi apabila file jquery.min.js saya taruh dihalaman viewnya langsung maka javasciprt bisa berjalan dengan normal. Mohon bantuannya, bagaimana caranya agar file jquery.min.js tidak saya taruh disetiap halaman yang akan saya buat, cukup ditaruh dimaster layoutnya saja.
Master Layoutnya
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>EXAMPLE</title>
<link rel="stylesheet" href="{{asset('src/plugins/fontawesome-free/css/all.min.css')}}">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css')}}">
<!-- DataTables -->
<link rel="stylesheet" href="{{asset('src/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('src/plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<!-- Theme style -->
<link rel="stylesheet" href="{{asset('src/dist/css/adminlte.min.css')}}">
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<!-- Bootstrap 4 -->
<script src="{{asset('src/plugins/jquery/jquery.min.js')}}"></script>
<script src="{{asset('src/plugins/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<!-- DataTables -->
<script src="{{asset('src/plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('src/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('src/plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('src/plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>
<!-- AdminLTE App -->
<script src="{{asset('src/dist/js/adminlte.min.js')}}"></script>
<!-- AdminLTE for demo purposes -->
<script src="{{asset('src/dist/js/demo.js')}}"></script>
</head>
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed layout-footer-fixed">
<div class="wrapper">
<!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
</li>
</ul>
<!-- Right navbar links -->
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown user-menu">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
<img src="{{asset('src/dist/img/user2-160x160.jpg')}}" class="user-image img-circle elevation-2" alt="User Image">
<span class="d-none d-md-inline">{{Auth::user()->name}}</span>
</a>
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
<!-- User image -->
<li class="user-header bg-primary">
<img src="{{asset('src/dist/img/user2-160x160.jpg')}}" class="img-circle elevation-2" alt="User Image">
<p>
{{Auth::user()->name}} -
<small>Member since Nov. 2012</small>
</p>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<a href="{{route('user.edit', Auth::user()->id)}}" class="btn btn-default btn-flat">Profile</a>
<a class="btn btn-default btn-flat float-right" href="{{ route('logout') }}" onclick="event.preventDefault();
document.getElementById('logout-form').submit();">Sign out
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
{{ csrf_field() }}
</form></a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button"><i class="fas fa-th-large"></i></a>
</li>
</ul>
</nav>
<!-- /.navbar -->
<!-- Main Sidebar Container -->
<aside class="main-sidebar sidebar-dark-primary elevation-4">
<!-- Brand Logo -->
<a href="index3.html" class="brand-link">
<img src="{{asset('src/dist/img/AdminLTELogo.png')}}" alt="Admin Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
<span class="brand-text font-weight-light">Admin Page</span>
</a>
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar user panel (optional) -->
@section('sidebar')
@include('layouts.sidebar',['user' => Auth::User()])
@show
<!-- /.sidebar-menu -->
</div>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
@yield('content')
</div>
<!-- /.content-wrapper -->
<!-- Main Footer -->
<footer class="main-footer">
<strong>Copyright © 2014-2019 <a href="http://adminlte.io">AdminLTE.io</a>.</strong>
All rights reserved.
<div class="float-right d-none d-sm-inline-block">
<b>Version</b> 3.0.4
</div>
</footer>
</div>
<!-- ./wrapper -->
</body>
</html>
Customer.Blade
@extends('layouts.app')
@section('content')
<!-- Content Wrapper. Contains page content -->
<section class="content">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h3 class="card-title">DataTable with default features</h3>
</div>
<!-- /.card-header -->
<div class="card-body">
<table class="table table-bordered table-striped" id="table">
<thead>
<tr>
<th>Action</th>
<th>Cust ID</th>
<th>Cust Name</th>
</tr>
</thead>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
@endsection
<script>
$(function() {
$('#table').DataTable({
processing: true,
serverSide: true,
ajax: '{{ url('datacust') }}',
columns: [{
data: 'action',
name: 'action',
orderable: false,
searchable: false
},
{
data: 'cust_id',
name: 'cust_id'
},
{
data: 'cust_name',
name: 'cust_name'
}
]
});
});
</script>
0
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban