0

カスタム eeditAction で SonataAdminBundle を使用しています。

このアクションは、編集中の通常のエンティティに加えて、カレンダー (完全なカレンダー) を表示します

これは、予約システムとして使用されます。

私が抱えている問題は、予定を追加することです。最初の予定を追加すると、すべてうまくいきます。エンティティを保存し、フォームを閉じて、ページを更新せずにイベントをカレンダーに追加します。

その後、以前と同じように予定を再度追加して保存しようとすると、2 つの予定が追加されます。

次に別のものを追加しようとすると、3、4 などが追加されます。

なぜこれがこれをしているのか、私は本当に混乱しています。

私のコードは次のとおりです。

Javascript:

        function ShowEventPopup(date)
        {
            $('#popupEventForm').show();
        }

        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        $myCalendar = $('#calendar').fullCalendar({
            firstDay: 1,
            contentHeight: 450,
            editable: true,
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month, basicWeek, basicDay'
            },
            events: '{{ path('fetch_events', { _sonata_admin: 'bm.crm.admin.event'} ) }}',
            dayClick: function (date, allDay, jsEvent, view) {
                $('#event_name').val("");

                ShowEventPopup(date);

                $('#EventForm').submit(function(event)
                {
                    event.preventDefault();

                    var url = Routing.generate('create_event', { 'id': {{ object.id }} , _sonata_admin: 'bm.crm.admin.event' });
                    var form = $(this);

                    // ajax call
                    $.post(url, form.serialize(), function(data) {

                                if(data.code == "OK") {
                                    var due_date_month = form.find('#event_due_date_month').val();
                                    var due_date_day = form.find('#event_due_date_day').val();
                                    var due_date_year = form.find('#event_due_date_year').val();
                                    var event_name = form.find('#event_name').val();
                                    var due_date = due_date_year+"-"+due_date_month+"-"+due_date_day;

                                    // refresh the calendar
                                    var myNewEvent = {
                                        "title": event_name,
                                        "start": due_date,
                                        "end": due_date
                                    };

                                    $('#calendar').fullCalendar("renderEvent", myNewEvent, true);

                                } else {
                                    alert("NOT SAVED");
                                }
                    });
                });
            }
        });

edit.html.twig

        <form id="EventForm" class="well" method="post" {{ form_enctype(formEvent) }}>
        {{ form_errors(formEvent) }}
        <div>
             {{ form_errors(formEvent.name) }}
             {{ form_label(formEvent.name) }}
             {{ form_widget(formEvent.name) }}
        </div>

         <div class="due_date">
             {{ form_errors(formEvent.due_date) }}
             {{ form_label(formEvent.due_date) }}
             {{ form_widget(formEvent.due_date) }}
         </div>

         <div>
              {{ form_errors(formEvent.due_time) }}
              {{ form_label(formEvent.due_time) }}
              {{ form_widget(formEvent.due_time) }}
         </div>

         <div class="modal-footer">
              <button type="button" id="btnPopupClose" class="btn btn-default" data-dismiss="modal">Close</button>
              <input type="submit" id="btnPopupSave" value="Add Appointment" />
         </div>

         {{ form_row(formEvent.__token)}}
         </form>

editAction()

    $form = $this->createForm(new EventType() );

    if($request->isMethod('post')) {
        $form->submit($request);

        if($form->isValid()) {

            $msg = "Success!";
            $code = "OK";

            // save values
            $em->persist($event);
            $em->flush();

        } else {
            $validator = $this->container->get('validator');
            $errors = $validator->validate($event);
            $msg = "<ul>";
            foreach ($errors as $err) {
                $msg.= "<li>".$err->getMessage() . "</li>";
            }
            $msg .= "</ul>";
            $code = "ERR";

        }

        // return values back to the view
        $response = new Response(json_encode(array('code' => $code, 'msg' => $msg)));
        $response->headers->set('Content-Type', 'application/json');
        return $response;

    }

フォームは を介し​​てロードされtwitter bootstrap modalます。問題は、モーダルを閉じてから再度開くと、フォームを再送信するようnです。

destroyフォームが常にデータを再送信しないようにする方法はありますか?

ありがとう

4

1 に答える 1

0

ブートストラップを使用してモーダルをクリア/破棄したい場合 (これはバージョン > 3 の場合で、イベントの名前が異なります)

  $('#modal').on('hidden.bs.modal', function () {
    $(this).removeData('bs.modal'); //destroy the binded data every time the box closes
  });

更に

function closeModalBox() {

  $('#modal').modal('hide');
  $('.modal-content').html(''); //reset the content html when closing the modal
}

それが役に立ち、他のソナタ管理バンドルの問題がないことを願っています;）

于 2013-11-15T12:55:43.193 に答える