Я пытаюсь сделать отдельное редактирование и удаление на моей модели CRM, но не могу понять, как связать эти кнопки с моим полем - PullRequest
Новая
       29

Я пытаюсь сделать отдельное редактирование и удаление на моей модели CRM, но не могу понять, как связать эти кнопки с моим полем

0 голосов
/ 21 мая 2018

Я пытаюсь выполнить отдельное редактирование и удаление в моей модели CRM, но не могу понять, как связать эти кнопки с моим полем, хотя я создал API для этого в угловом формате, мне нужна помощь.

Заранее спасибо

ниже приведен загрузочный код кнопок редактирования и удаления 

<div id="delete_department" class="modal custom-modal fade" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content modal-md">
                    <div class="modal-header">
                        <h4 class="modal-title">Delete Department</h4>
                    </div>
                    <div class="modal-body card-box">
                        <p>Are you sure want to delete this?</p>
                        <div class="m-t-20 text-left">
                            <a href="#" class="btn btn-default" data-dismiss="modal">Close</a>
                            <button type="submit" class="btn btn-danger" >Delete</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<div id="edit_department" class="modal custom-modal fade" role="dialog">
  <div class="modal-dialog">
      <button type="button" class="close" data-dismiss="modal" (click)="edit(list)">×</button>
      <div class="modal-content modal-md">
          <div class="modal-header">
              <h4 class="modal-title">Edit Department</h4>
          </div>
          <div class="modal-body">
              <form>
                  <div class="form-group">
                      <label>Department Name <span class="text-danger">*</span></label>
                      <input class="form-control" value="IT Management" type="text">
                  </div>
                  <div class="m-t-20 text-center">
                      <button class="btn btn-primary btn-lg" (click)="edit(list)">Save Changes</button>
                  </div>
              </form>
          </div>
      </div>
  </div>
</div>

1 Ответ

0 голосов
/ 21 мая 2018

1: объявить свойство в вашем компоненте, например: отдел, в котором сохранен текущий объект операционного отдела, при нажатии кнопки редактирования

2: привязать свойство отдела к редактированию шаблона диалога

3: удалите role="dialog" из вашего диалогового шаблона (поскольку перед открытием диалогового окна вам нужно что-то сделать, вы должны открыть диалог самостоятельно)

4: в кнопке редактирования диалогового окна нажмите функцию, вы устанавливаете значение свойства «отдел»сохранить текущий операционный отдел и добавить этот код $('#edit_department').modal('show')

...