Question

我正在尝试绑定编辑表单模式，当我单击它时，我有一个编辑按钮“编辑按钮”，显示了一个编辑模式，但没有通过路由返回的数据。我的ajax代码：

    var SITEURL = '{{URL::to('')}}';

    $('body').on('click', '#edit-event', function () {
        var event_id = $(this).data('id');
        $.get(SITEURL + '/portal/event/edit/' + event_id, function (data) {
           $('#editHeadingModal').html("Edit Event");
                $('#editEventModal').modal('show');
                $('#event_id').val(data.id);
                $('#title').val(data.title);
                $('#start').val(data.start);
                $('#end').val(data.end);
           })
        });
    })

html 模态代码：

div id="editEventModal" class="modal fade">
    <div class="modal-dialog">
        <form id="event_form" method="POST" action="{{ url('api/update-event/')}}" enctype="multipart/form-data">
            <input type="hidden" name="event_id" id="event_id">
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" type="button" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title" id="eventHeadingModal">Edit Event</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="name">title*</label>
                        <input type="text" id="title" name="title" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label for="start_time">start*</label>
                        <input type="text" id="start" name="start" class="form-control datetime border" required>
                    </div>
                    <div class="form-group ">
                        <label for="end_time">end*</label>
                        <input type="text" id="end" name="end" class="form-control datetime" required>
                    </div>
                    <div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary" id="btnSave" value="edit">Edit
                    </button>
                    <a href="{{ route('portal.events.index') }}" class="btn btn-danger">cancel</a>
                </div>
            </div>
        </form>
    </div>
</div>

如何在模态窗口加载时设置绑定？

如何在laravel中使用ajax绑定输入表单模式

0 个答案: