Cakephp 3.6 - выберите 2 и модальный - PullRequest
Новая
       6

Cakephp 3.6 - выберите 2 и модальный

0 голосов
/ 17 октября 2018

У меня маленькая проблема с select2 и модалом.Я вставил выбранный вход с множеством = истина внутри модального, но это результат. Первый экран .

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

Как я мог решить эти две проблемы?Это мои списки студентов в StudentsController.php: 

$students = $this->Students->find('list', ['limit' => 200]);

И это мои входные данные: 

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Add student</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">

            <?= $this->Form->create(null, ['url' => ['controller' => 'Lessons', 'action' => 'addpresences', $lesson->id]]); ?>

            <div class="form-group">
            <?= $this->Form->control('students_id', [
                'type' => 'select', 
                'multiple' => true, 
                'options' => $students, 
                'hiddenField' => false,
                'id' => 'students_id',
                'class' => 'form-control',
                'label' => false
                ]); 
            ?>
            </div>

        </div>
        <div class="modal-footer">
            <?= $this->Form->button('Zapisz', ['class' => 'btn btn-primary']) ?>
            <?= $this->Form->end() ?>
        </div>
    </div>
</div>

РЕДАКТИРОВАТЬ 1: Я решаю первую проблему, просто добавив width: '100%' к 

$('#students_id').select2({
    tag: true,
    multiple: 'multiple',
    width: '100%'
});

EDIT 2: Я тоже решаю вторую проблему: просто добавьте dropdownParent: $ ('# myModal') 

$('#students_id').select2({
    tag: true,
    multiple: 'multiple',
    width: '100%',
    dropdownParent: $('#exampleModal')
});
...