Как постепенно вставить данные в таблицу html, не перезаписывая изначально существующие данные, используя Django? - PullRequest
Новая
       13

Как постепенно вставить данные в таблицу html, не перезаписывая изначально существующие данные, используя Django?

0 голосов
/ 03 апреля 2020

Я работаю над проектом по продаже продуктов в магазине. Итак, у меня есть таблица html, в которую я хочу постепенно вставлять данные каждый раз, когда я выбираю данные из базы данных. Но проблема в том, что каждый раз, когда я вставляю новую строку, первая строка падает. Можете ли вы сказать мне, как не стирать данные, изначально существующие в таблице html?

My HTML Table

Вот мой шаблон 

  <div class="container">
        <div class="tab">
            <br>
            <h2>Récapitulatif de la commande</h2>

            <form type="post" action="" style="margin: 0" >
            <br>
                <div class="tab>
                    <label for="code" class="col-sm-2 control-label">Référence </label>
                    <div class="col-sm-9">
                        <input  id="productCode" type="text" name="productCode"  placeholder="Entez le code du produit ..." align="center" value="{{ k.code }}">
                    </div>
                    <br>
                    <div class="col-sm-9">
                        <button id="search_submit" type="submit"> Ajouter une ligne </button>
                    </div>
                </div>

            </form>
        </div>

        <br>

        <!-- <div style="color: blue" class="table-responsive text-nowrap"> -->
                <table class="table" id="productTable" align="center">
                    <thead>
                        <tr>
                            <th scope="col"> # </th>
                            <th scope="col"> Réference </th>
                            <th scope="col"> Nom du produit </th>
                            <th scope="col"> Quantité </th>
                            <th scope="col"> Prix unitaire </th>
                            <th scope="col"> Prix total des articles </th>
                        </tr>
                    </thead>
                        {% for k in Product %}
                            {% if forloop.last %}
                            <tbody>
                                <tr>

                                    <th scope="row">{{ forloop.counter }}</th>
                                    <td>{{ k.code }}</td>
                                    <td>{{ k.name }}</td>

                                    <td>
                                        <a href="#"><i class="fas fa-minus mr-2"></i></a>
                                        {{ k.quantity_entry }}

                                        <a href="#"><i class="fas fa-plus ml-2"></i></a>
                                    </td>

                                    <td>{{ k.unit_price }}</td>
                                    <td>{{ k.unit_price|mul:k.quantity_entry}}</td>

                                    <td>
                                        <a style='color: red;' href="#">
                                            <i class="fas fa-trash float-right"></i>
                                        </a>
                                    </td>
                                </tr>

                                <tr>
                                    <td colspan="4"><b>Total de la commande</b></td>
                                </tr>
                            {% endif %}
                        {% endfor %}
                    </tbody>
                </table>
            <!-- </div> -->
        <!-- </div> -->

        <div class="form-group">
            <label for="paid" class="col-sm-2 control-label">Montant réçu </label>
            <div class="col-sm-9">
                <input type="text" id="received" name="received"/>
            </div>
        </div> 

        <div class="form-group">
            <label for="due" class="col-sm-6 control-label">Reste à rembourser</label>
            <div class="col-sm-9">
                <input type="text" id="remained" name="remained">
            </div>
        </div>

        {% endblock%}

Вот мой взгляд 

def Search_Product_ID(request):
    template='oderTest.html'
    try:
        srch=request.GET.get('productCode')
    except:
        srch=None
    if srch:
        list_products=Product.objects.filter(code=srch)
        # print(list_products)
        context={'Product':list_products}
    else:
        messages.error(request,'Product non disponible')
        context={}
    return render(request, template, context)

Пожалуйста, помогите.

...