Могу ли я редактировать bootstrap модально без использования JS / Ajax? - PullRequest
0 голосов
/ 02 апреля 2020

Я в основном выполняю операцию CRUD, в которой я добавляю данные из модального каталога, которые успешно добавлены, а также извлекаются успешно, но я хочу изменить, существует проблема с получением идентификатора. Я хочу сделать это без использования JS / AJAX, возможно ли редактировать запись в bootstrap модальном режиме?


начало страницы списка , откуда происходит выборка данных DB

<div class="table-responsive table-responsive-data2">
                    <table class="table table-data2">
                        <thead>
                            <tr class="bg bg-success">
                                <th class="text-center">Sr#</th>
                                <th class="text-center">Room Name</th>
                                <th class="text-center">Status</th>
                                <th class="text-center">Actions</th>
                            </tr>
                        </thead>
                        <tbody>';
            //-----------------------------------------------------
            $sql    = $conn->query("SELECT * FROM rooms");
            $srno = 0;
            //-----------------------------------------------------
            while($values = mysqli_fetch_array($sql)) {
            //-----------------------------------------------------
            $srno++;
            //-----------------------------------------------------
            echo '
                            <tr class="tr-shadow">
                                <td>'.$srno.'</td>
                                <td>'.$values['room_name'].'</td>
                                <td>';
                                    if($values['room_status'] == 1)
                                    {
                                        echo'<span class="status bg bg-info">Active</span>';
                                    }
                                    else if($values['room_status'] == 2){
                                        echo'<span class="status bg bg-danger">Inactive</span>';
                                    }
                                    echo "id:".$id = $values['room_id'];
                                echo'
                                </td>
                                <td>
                                    <input type="text" name="id" value="'.$values['room_id'].'">
                                    <div class="table-data-feature">
                                        <button class="item" data-toggle="modal" data-target="#update_room" data-id="'.$values['room_id'].'">
                                            <i class="zmdi zmdi-edit"></i>
                                        </button>
            </div>
                                </td>
                            </tr>
                            <tr class="spacer"></tr>';
                        }
                        echo'
                        </tbody>
                    </table>
            </div>

конец страницы списка


Модальное начало , для редактирования записи

 <?php
    //-----------------------------------------------------
    $sql    = $conn->query("SELECT * FROM rooms WHERE room_id ='".$_GET['id']."'");
    $srno = 0;
    //-----------------------------------------------------
    ($values = mysqli_fetch_array($sql));
    echo'
    <div class="modal fade" id="update_room" tabindex="-1" role="dialog" aria-labelledby="mediumModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header bg bg-success">
                    <h4 class="modal-title  text-white" id="mediumModalLabel"><i class="fa fa-plus"></i> Add Room </h4>
                    <button type="button" class="close  text-white" data-dismiss="modal" aria-label="Close" > 
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body mt-lg">
                    <form action="#" class="form-horizontal" id="form" enctype="multipart/form-data" method="post" accept-charset="utf-8">
                        <input type="text" name="room_id" id="room_id" value="id:'.$_GET['id'].'">
                        <div class="form-group">
                            <div class="col-md-12">
                                <label class="control-label">Room Name <span class="required">*</span></label>  
                                <input type="text" class="form-control" required name="room_name" value="'.$values['room_name'].'"/>
                            </div>
                        </div>

                        <div class="form-group" >
                            <div class="col-md-12">
                                <label class="control-label">Status <span class="required">*</span></label>
                                <div class="radio-inline">                                   
                                    <input type="radio" name="room_status" value="1" ';
                                    if($values['room_status'] == 1) 
                                    {echo'checked'; }echo'>
                                    <label for="">Active</label>
                                    &nbsp; &nbsp;
                                    <input type="radio" name="room_status" value="2" '; if($values['room_status'] == 2) {echo'checked'; }echo'>
                                    <label for="">Inactive</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-primary" name="submit_room">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    ';
    ?>

модальный конец

1 Ответ

0 голосов
/ 02 апреля 2020

Что ж, если вы не хотите использовать ajax, вам нужно отправить форму для ваших bootstrap модальных данных на страницу, получить их методом get или post и включить их в php. Как это: страница списка:

<form method="post" action="modal.php">
 <!-- Your List page code --->
 <!-- Input for your data --->
 <input name="data">
 <!-- a submit button --->
 <button type="submit">submit</buttton>
</form>

модальная страница:

//get data from list page
$data = $_POST["data"];
//Your Codes and data in your modal body
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...