Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Модальные окна + ajax запросы (https://javascript.ru/forum/jquery/68044-modalnye-okna-ajax-zaprosy.html)

jquest 22.03.2017 14:44

Цитата:

Сообщение от ksa (Сообщение 448184)
jquest, не хочу тебя расстраивать... Но у тебя нет окна. И тем паче модального.

Почему нет? Вот код окон, если он нужен:

<div class="modal fade" id="edit" tabindex="-1" role="dialog" aria-labelledby="edit" aria-hidden="true">
      <div class="modal-dialog">
    <div class="modal-content">
          <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
        <h4 class="modal-title custom_align" id="Heading">Edit Your Detail</h4>
      </div>
          <div class="modal-body">
          <div class="form-group">
        <input class="form-control " type="text" placeholder="Mohsin">
        </div>
        <div class="form-group">
        
        <input class="form-control " type="text" placeholder="Irshad">
        </div>
        <div class="form-group">
        <textarea rows="2" class="form-control" placeholder="CB 106/107 Street # 11 Wah Cantt Islamabad Pakistan"></textarea>
    
        
        </div>
      </div>
          <div class="modal-footer ">
        <button type="button" class="btn btn-warning btn-lg" style="width: 100%;"><span class="glyphicon glyphicon-ok-sign"></span> Update</button>
      </div>
        </div>
    <!-- /.modal-content --> 
  </div>
      <!-- /.modal-dialog --> 
    </div>
    
    
    
    <div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="edit" aria-hidden="true">
      <div class="modal-dialog">
    <div class="modal-content">
          <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
        <h4 class="modal-title custom_align" id="Heading">Delete this entry</h4>
      </div>
          <div class="modal-body">
       
       <div class="alert alert-danger"><span class="glyphicon glyphicon-warning-sign"></span> Are you sure you want to delete this Record?</div>
       
      </div>
        <div class="modal-footer ">
        <button type="button" class="btn btn-success" ><span class="glyphicon glyphicon-ok-sign"></span> Yes</button>
        <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> No</button>
      </div>
        </div>
    <!-- /.modal-content --> 
  </div>
      <!-- /.modal-dialog --> 
    </div>

ksa 22.03.2017 14:50

Цитата:

Сообщение от jquest
Вот код окон

У тебя странное понятие окна...

Вот "код окон"
alert('Test');
prompt('Test');
confirm('Test');
window.open('http://javascript.ru/forum/jquery/68044-modalnye-okna-ajax-zaprosy-2.html#post448185');

В твоем примере лишь хтмл теги...

ksa 22.03.2017 14:52

Цитата:

Сообщение от jquest
Почему нет?

Потому как нет собственно команд создающих именно окна...

jquest 22.03.2017 14:56

Цитата:

Сообщение от ksa (Сообщение 448188)
Потому как нет собственно команд создающих именно окна...

Вы с бутстрапом работали когда-нибудь? Это модальные окна бустрапа, я же скидывал пример, вот часть вызова окна с id delete
data-toggle="modal" data-target="#delete"

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

ksa 22.03.2017 15:46

Цитата:

Сообщение от jquest
Это модальные окна бустрапа

Они не модальные и не окна... :D

Цитата:

Сообщение от jquest
Вопрос совсем в другом, как из таблицы с пользователями достать данные и привязать их к модальному окну

Это же ты работаешь с бустрапом, не я... :)
Лови событие клика... Отыскивай нужный элемент с тем ИДшником... При формировании УРЛа, для отправки данных серверу, подсунешь еще один параметр - ИД пользователя.

Есть другой способ...
Если можешь повлиять на разметку элемента, который ты, по наивности, называешь "модальным окном", добавь в него скрытый инпут.
Когда будут заполняться поля редактирования, данными из строки пользователя, в тот скрытый инпут запиши ИД пользователя...

Т.е. тебе просто нужно уметь манипулировать данными в пределах одного окна, в котором все и происходит. ;)

jquest 22.03.2017 16:03

Цитата:

Сообщение от ksa (Сообщение 448191)
.
Когда будут заполняться поля редактирования, данными из строки пользователя, в тот скрытый инпут запиши ИД пользователя...

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

ksa 22.03.2017 16:32

Я с бустрапом дело не имел. Это же ты с ним работаешь...

laimas 22.03.2017 17:08

jquest,
нет там ничего модального ни от бустрапа ни от другого. Это пример аля модального диалога. Если речь идет об административном разделе и нужен диалог между клиентом и сервером, то этого "окна" уж точно не хватит.

jquest 22.03.2017 18:15

Цитата:

Сообщение от laimas (Сообщение 448199)
jquest,
нет там ничего модального ни от бустрапа ни от другого. Это пример аля модального диалога. Если речь идет об административном разделе и нужен диалог между клиентом и сервером, то этого "окна" уж точно не хватит.

В смысле не от бутстрапа? Вот пример как в бс вызываются модальные окна https://www.w3schools.com/bootstrap/bootstrap_modal.asp , в том примере точно так же. Мне достаточно редактировать данные пользователя (несколько полей) и из такого модального окна будет посылаться ajax со всеми данными. И если его не хватит, то что тогда нужно?

Цитата:

Сообщение от ksa (Сообщение 448196)
Я с бустрапом дело не имел. Это же ты с ним работаешь...

Так обработчик все равно свой придется писать, поэтому тут все на jquery писать придется

laimas 22.03.2017 18:31

jquest,
Зачем вам вообще нужно это окно? Необходимо редактировать список пользователей. А это форма, и если редактирование, это только удалить, то это набор флажков, значениями которых проставлены ID пользователей, и проставлено сервером при запросе этой формы. На бутстрапе ли эта таблица-форма построена или нет роли не играет.

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

Вы зациклились на окне, а надо думать в целом над административном управлением, решаемых им задачах, и какой "инструментарий" для этого потребуется.


Часовой пояс GMT +3, время: 15:22.