Как создать пользовательскую форму расширенного поиска?

#javascript #jquery #bootstrap-table

Вопрос:

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

 <div id="custom_advancedSearchModal" class="modal fade d-none" tabindex="-1" aria-labelledby="mySmallModalLabel" style="padding-right: 17px;" aria-modal="true" role="dialog">
    <div class="modal-dialog modal-xs">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Расширенный поиск</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body modal-body-custom">
                <div class="container-fluid" id="avdSearchModalContent_table" style="padding-right: 0; padding-left: 0;">
                    <form class="form-horizontal" id="advancedSearch" action="">
                        <div class="form-group row">
                            <label class="col-sm-4 control-label">Код</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control form-control" name="id" placeholder="Код" id="id">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-4 control-label">Имя</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control form-control" name="name" placeholder="Имя" id="name">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" id="btnCloseAvd_table" class="btn btn-material-button">Закрыть</button>
            </div>
        </div>
    </div>
</div>
<script>
    $('#custom_advancedSearchModal').off('keyup blur', 'input').on('keyup blur', 'input', function (event) {
        table.bootstrapTable('advancedSearch')
    });
</script>