nyromodal ajax form/filter docs или ПОЛНЫЕ примеры?

Я один из сотен людей, смущенных отсутствием полных примеров в nyroModal.

Для такого многофункционального плагина трудно найти единый исчерпывающий пример большинства функций.

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

До сих пор он открывался в окне и передавался в окне, но... без ajax. (Даже не уверен, что nyroModal может с этим справиться. Не уверен, что я использую "фильтры", так как нет примера того, как бы вы реализовали перечисленные фильтры.)

Вот что у меня есть для вызова nyroModal:

<script type="text/javascript">
    $('.nyroModal').nyroModal(
    {
// not sure if these are needed, but without an example, better start guessing!
callbacks: {
    afterClose: function(nm) {
        alert('Handled!');
    }
}
});
</script>

Вот моя форма, которая вызывается в окне nyroModal: примечание: создание формы класса: nyroModal, делает форму отправки внутри модальной. (сделал бы хороший пример тоже)

<form name="this" method="post" class="nyroModal" action="/vendor/orderDetail.cfm">
    <cfoutput><input type="hidden" name="oid" value="#oid#"></cfoutput>
    <input type="text" name="comment"><input type="submit" value="Accept Product Request">
</form>

То, что я хочу сделать, это когда пользователь отправляет форму, я хочу отправить данные через AJAX на страницу "действий". Это сгенерирует ответ JSON, и в зависимости от ответа закройте окно. Итак, возможно ли это с nyroModal? После ОЧЕНЬ большого поиска я не могу найти ни одной ссылки на эту функциональность, кроме "функций", но в ней не показано, как это делается.

Может кто-нибудь указать мне пример или некоторые документы?

Конечно, где-то должен быть пример, иллюстрирующий, как использовать перечисленные функции, а именно фильтры / обратные вызовы.

Если у кого-нибудь есть полные примеры, это сэкономит нам время, и NyroDev может перестать отвечать на "ошибки", которые на самом деле просто сбивают с толку людей, которым нужен понятный набор документации.

1 ответ

Я думаю, вы ищете открыть вручную форму с nyroModal, Мой ответ в Open iframe вручную в nyroModal объясняет, как это сделать.

Таким образом, если вы загружаете страницу внутри формы и используете ее без ajax, после нажатия кнопки отправки страница будет обновлена ​​в модальном окне (iframe). Если вы хотите отправить данные через AJAX на страницу "action", сгенерируйте ответ JSON и обновите свою модальную страницу, закройте ее... вы должны использовать код, подобный следующему:

    $('input#submit').click(function(e){
        e.preventDefault();

        // business code

        if (formToClose)
            $.nmTop().close();
    });

Конечно, вы можете использовать также обратный вызов afterClose если вам нужно чем-то управлять, когда модальное окно закрыто.

Другие вопросы по тегам