Jest to mój kod strony internetowej Możesz zobaczyć mój kod.

@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { enctype = "multipart/form-data", @class = "repeater" }))
{
    <div data-repeater-list="">
        <div data-repeater-item="">
            <div class="col-lg-12 col-md-12 col-sm-12">
                <input type="file" name="Docfiles" />
            </div>
        </div>
    </div>
    <input data-repeater-create type="button" value="Add" />
    <button>Save</button>
}
@section Scripts{
    <!-- Import repeater js  -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.repeater/1.2.1/jquery.repeater.js"></script>
    <script>
        $(document).ready(function () {
            $('.repeater').repeater({
                // (Optional)
                // start with an empty list of repeaters. Set your first (and only)
                // "data-repeater-item" with style="display:none;" and pass the
                // following configuration flag
                initEmpty: true,

                // (Optional)
                // "show" is called just after an item is added.  The item is hidden
                // at this point.  If a show callback is not given the item will
                // have $(this).show() called on it.
                show: function () {
                    $(this).slideDown();
                },
                // (Optional)
                // "hide" is called when a user clicks on a data-repeater-delete
                // element.  The item is still visible.  "hide" is passed a function
                // as its first argument which will properly remove the item.
                // "hide" allows for a confirmation step, to send a delete request
                // to the server, etc.  If a hide callback is not given the item
                // will be deleted.
                hide: function (deleteElement) {
                    if (confirm('Are you sure you want to delete this element?')) {
                        $(this).slideUp(deleteElement);
                    }
                },

                // (Optional)
                // Removes the delete button from the first list item,
                // defaults to false.
                isFirstItemUndeletable: true
            })
        });
    </script>
}

Chcę zmienić HTML w tym podobnym formacie, jak pokazano poniżej zrzutu ekranu.

enter image description here

0
Muhammad Umar 16 wrzesień 2020, 20:10

1 odpowiedź

Najlepsza odpowiedź

Po pierwsze, format nazwy jest ustawiony w jQuery.Repeater.js, jeśli chcesz go zmienić, musisz zmienić jQuery.Repeater.js, tutaj jest demo:

1.Dodaj JQUERY.Repeater.js do Twój projekt.

Kopiuję JS do mojego projektu:

enter image description here

2. W takjskich setIndexes W jQuery i zmień var newName = groupName + '[' + index + '][' + name + ']' + w ten sposób (możesz także zmienić do innego formatu): Wpisz opis obrazu tutaj

3. Zmień swój skrypt SRC z CDNJS do własnego projektu:

<script src="~/lib/jquery-repeater/jquery.repeater.js"></script>

4.Result: Wprowadź opis obrazu tutaj

1
Yiyi You 17 wrzesień 2020, 03:18