Цикл по компоненту Boostrap Collapse - PullRequest
Новая
       32

Цикл по компоненту Boostrap Collapse

0 голосов
/ 20 декабря 2018

Я работаю с компонентом Bootstrap Collapse.
Я хочу собрать n карточек, соответствующих n книг в моей базе данных.Затем я хочу, чтобы информация о книге была записана на каждой карточке свертывания.
Чтобы проиллюстрировать это, я хотел бы получить следующий результат:

.................
Книга № 1
-имя книги 1
-дата книги 1
-автор книги 1
................. .................
Книга № 2
- название книги 2
- дата книги 2
- автор книги 2
.................

Я что-то построил, но моя проблема в том,что у меня есть все результаты (название книги 1, название книги 2, дата книги 1, дата книги 2 ...) в первой карточке и ничего во второй.

Это мой код: 

    <div id="accordion">

    <?php
        for( $i= 1 ; $i <= $countman ; $i++ ){
    echo '
  <div class="card">
    <div class="card-header" id="headingOne">
      <h5 class="mb-0">
        <button type="button" class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Manuscrit ' . $i. '
        </button>
      </h5>
    </div>

    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
      <div class="card-body">
            <!-- Name of book-->  
            <div class="form-row">           
               <div class="form-group col-md-3">
               <label for="exampleInputPassword1">Book</label>';
                ?>
                <?php
                while($datamanname= pg_fetch_array($sqlmanname))
                { 
                $manname =  $datamanname[name];
                echo '<input type="text" class="form-control" id="name-man" name="name-man" value="'. $manname. '">';               
                }
                echo '</div>
            </div>


        </div>
    </div>
  </div>
  ';
    }
    ?>

    </div>

Каким будет трюк, чтобы заставить его работать?
Любая помощь будет принята с благодарностью, так как я сильно застрял!
Спасибо!

РЕДАКТИРОВАТЬ Я пытался: 

    <div id="accordion">

  <div class="card">
    <div class="card-header" id="headingOne">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Collapsible Group Item #1
        </button>
      </h5>
    </div>

    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
      <div class="card-body">
            <p class="card-text">
            <?php
            while ($row = pg_fetch_array($result)) {
            echo $row['name'];
            }
            ?>
            </p>
      </div>
    </div>
  </div>


  </div>

Но я получаю только одну карту со всей информацией о названии книги, тогда как мне нужно несколько карт, каждаякарта с именем книги ..
Я действительно сбиваюсь с пути ..

...