Правильное отображение списка данных тегов JSP для новых строк, динамически добавляемых с помощью JQuery - PullRequest
0 голосов
/ 19 октября 2019

У меня есть файл JSP, который берет списки из базы данных и отображает его внутри тега

<div class="row" id="wrappingRow">
    <div class="col">
        <label for="type" class="col-form-label required">Interface Type</label>
        <form:select path="type" class="form-control" items="${interfaceTypeList}"  required="required">
        </form:select>
        <form:errors path="type" class="error help-block" />
    </div>
    <div class="col">
        <label for="stream" class="col-form-label required">Stream</label>
        <form:select path="stream" class="form-control"  items="${streamList}" required="required">
        </form:select>
        <form:errors path="stream" class="error help-block" />
    </div>
    <div class='col'>
        <button type="button" for="btn_action" class="btn btn-success" id="addNewRowBtn" value="add"><i class="fa fa-plus"></i></button>
        <button type="button" for="btn_action" class="btn btn-danger deleteRowBtn" value="remove"><i class="fa fa-minus"></i></button>
    </div>
</div>

У меня также есть код jquery для динамического добавления и удаления строк

$('#addNewRowBtn').click(function(){
    $('<div class="row"><div class="col"><label for="type" class="col-form-label required"><spring:message code="label_interface_details_interface_type" text="Interface Type" /> </label><form:select path="type" class="form-control" items="${interfaceTypeList}"  required="required"><div class="col"><label for="stream" class="col-form-label required"><spring:message code="label_interface_details_stream" text="Stream" /> </label><form:select path="stream" class="form-control"  items="${streamList}" required="required"></form:select><form:errors path="stream" class="error help-block" /></div></div><div class="col"><button for="btn_action" type="button" class="btn btn-danger deleteRowBtn" value="remove"><i class="fa fa-minus"></i></button></div></div>').insertAfter("#wrappingRow");
});

Отображение списка с помощью $ {} работало нормально для первой строки (которая не создается динамически). Однако после добавления новых строк с помощью jquery создается новая строка, но только кнопки отображаются правильно. Даже элементы OPTION и SELECT отображаются некорректно (не отображается выпадающая кнопка), а список в тегах $ {} просто отображается как $ {interfaceTypeList} и $ {streamList} вместо отображения их содержимого.

Как правильно отобразить кнопки выбора и заполнить их списком, как в первой строке?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...