Открыть модал с другой страницы Laravel - PullRequest
Новая
       12

Открыть модал с другой страницы Laravel

0 голосов
/ 30 мая 2018

Я работаю над проектом laravel, и у меня есть много модалов, которые я буду использовать в своем проекте, поэтому я решил поместить модальный код в другую папку.мой код просмотра: 

<button type="button" class="btn btn-success"  data-toggle="modal" data- 
 target="#AddUserMoodal"><i class="fa fa-edit" aria-hidden="true"></i>

, когда я нажимаю на эту кнопку, я хочу открыть AddModal, который находится в папке модалов, это код /modals/addmodal.blade.php

 <div id="addModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label class="control-label col-sm-2" for="title">Title:</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="title_add" autofocus>
                            <small>Min: 2, Max: 32, only text</small>
                            <p class="errorTitle text-center alert alert-danger hidden"></p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-2" for="content">Content:</label>
                        <div class="col-sm-10">
                            <textarea class="form-control" id="content_add" cols="40" rows="5"></textarea>
                            <small>Min: 2, Max: 128, only text</small>
                            <p class="errorContent text-center alert alert-danger hidden"></p>
                        </div>
                    </div>
                </form>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success add" data-dismiss="modal">
                        <span id="" class='glyphicon glyphicon-check'></span> Add
                    </button>
                    <button type="button" class="btn btn-warning" data-dismiss="modal">
                        <span class='glyphicon glyphicon-remove'></span> Close
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

но я не знаю, как это сделать. Каков будет маршрут для него

Ответы [ 3 ]

0 голосов
/ 30 мая 2018

Вам просто нужно включить свой блейд-файл с

@include('path.to.your.blade')

Вы можете создать свою HTML-структуру по частям и просто включить их, как указано выше.

Проверьте Laravelдокументация для лезвия: https://laravel.com/docs/5.6/blade#including-sub-views

0 голосов
/ 30 мая 2018

предположим, что вы находитесь на домашней странице: home.blade.php, используйте include 

<body>

    @include('models/addmodal')

</body>

Если ваш модал динамический и вы хотите передать данные в модал: 

<body>

   @include('models/addmodal',['title'=>$title,'data'=>$data])

</body>

и в вашем addmodal 

<div id="addModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
              {{$title}}
            </div>
        </div>
     </div>
</div>
0 голосов
/ 30 мая 2018

Взгляните на директиву @ include .

Примечание:

Только для справки, вернемся к старому Laravel вамможет решить это так: 

// routes.php (which is web.php now)
Route::get('view-component/{name}', function ($name) {
    return view($name);
});

// In your view
{{ route('view-component/user-form') }}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...