Как обновить данные в модальном всплывающем окне или переслать в модальное всплывающее окно - PullRequest
Новая
       8

Как обновить данные в модальном всплывающем окне или переслать в модальное всплывающее окно

0 голосов
/ 04 марта 2019

Моя программа работает так:

Передо мной таблица, когда я нажимаю на строку, таблица открывает модальное всплывающее окно.В модальном всплывающем окне мы можем найти некоторые значения и 3 кнопки.Проблема здесь, когда я нажимаю на эту кнопку, это должно найти некоторые значения в базе данных и обновить модальное всплывающее окно.Вместо этого я получаю свои значения в сервлете и могу только вернуться в своем первом JSP с этой строкой 

request.getServletContext().getRequestDispatcher("/myFirstJSP.jsp").forward(request, response);

Это изображение - мое модальное всплывающее окно.Основная цель - когда я нажимаю кнопку «заменить», она должна искать значение в базе данных и показывать его в маленькой таблице справа

Modal popup

Код моего модального всплывающего окна 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="mediumModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class="col-md-5">
                    <img src="images/myImage.png">
                </div>
                <div class="col-md-5">
                    <h5 class="modal-title" id="mediumModalLabel">Title</h5>
                </div>
                <div class="col-md-1">
                    <label><%=dateFormat.format(date)%></label>
                </div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-5">
                            <label>AAA</label>
                        </div>
                        <div class="col-md-5">
                            <label>General</label>
                        </div>
                        <div class="col-md-1">
                            <label><%=heureFormat.format(date)%></label>
                        </div>
                        <div class="col-md-7">
                            <form method="get" action="myServlet" name="myForm">
                            <input type="hidden" name="buttonPressed" />
                            <input type="hidden" name="OF"/>
                            <input type="hidden" name="Reference"/>

                                <div class="form-group row" style="margin-bottom :0px;">
                                    <label class="col-md-4 col-form-label"><b>A</b></label>
                                    <label class="col-md-3 col-form-label" id="A"></label>
                                </div>
                                <div class="form-group row" style="margin-bottom :0px;">
                                    <label class="col-md-3 col-form-label"><b>B</b></label>
                                    <label class="col-md-4 col-form-label" id="B"></label>
                                </div>
                                <div class="form-group row" style="margin-bottom :10px;">
                                    <label class="col-md-3 col-form-label"><b>Date/time</b></label>
                                    <label class="col-md-5 col-form-label" id="DateTime"></label>
                                </div>
                                <div class="form-group row" style="margin-bottom :2px;">
                                    <label class="col-md-3 col-form-label"><b>C</b></label>
                                    <label class="col-md-4 col-form-label" id="C" name="C" value=""></label>
                                    <button type="button" class="btn btn-primary" value="btnC" name="btnC" onclick="ReplaceC()">Replace</button>&nbsp;
                                    <button type="button" class="btn btn-primary" onclick="createFileC()">Label</button>
                                </div>
                                <div class="form-group row" style="margin-bottom :2px;">
                                    <label class="col-md-3 col-form-label"><b>D</b></label>
                                    <label class="col-md-4 col-form-label" id="D" name="D" value=""></label>
                                    <button type="button" class="btn btn-primary" value="btnD" name="btnD" onclick="ReplaceD()">Replace</button>&nbsp;
                                    <button type="button" class="btn btn-primary" onclick="createFileD()">Label</button>
                                </div>
                                <div class="form-group row" style="margin-bottom :2px;">
                                    <label class="col-md-3 col-form-label"><b>E</b></label>
                                    <label class="col-md-4 col-form-label" id="E" name="E" value=""></label>
                                    <button type="button" class="btn btn-primary" value="btnE" name="btnE" onclick="ReplaceE()">Replace</button>&nbsp;
                                    <button type="button" class="btn btn-primary" onclick="createFileE()">Label</button>
                                </div>
                            </form>
                        </div>
                        <div class="col-md-5">
                            <label><b>Replace : </b></label>
                            <label id="Replace"></label>
                            <table id="myTable" class="table table-striped table-bordered" data-page-length='100'>
                                <thead>
                                    <tr class="tableHeader">
                                        <th style="width: 50%">Selection</th>
                                        <th style="width: 50%">ID</th>
                                    </tr>
                                </thead>
                                    <tr>
                                        <td>1</td>
                                        <td>1000</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>1111</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>1000</td>
                                    </tr>
                                    <tr>
                                        <td>4</td>
                                        <td>1111</td>
                                    </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <label> Copyright LEONI LWSF <i class="fa fa-copyright"></i></label>
        </div> 
    </div>
</div>

Должен ли я использовать AJAX?

Может кто-нибудь помочь, пожалуйста?

Спасибо.

...