Django模板正在以多步骤形式呈现,但上下文数据不可见

5w9g7ksd  于 2022-12-20  发布在  Go
关注(0)|答案(1)|浏览(90)

我正在解决这个问题,并且在很大程度上解决了它,几乎所有的事情都完成了。但是Django正在渲染我的模板,而不是上下文。我不知道为什么我已经通过调试检查了它,我的上下文正在渲染,但没有显示在前端。
在这个模板上,有一个4字段集的形式,我提交的数据在第一个字段集和动态显示的O/P相应的第二个字段集。我附上截图显示什么是在模板中呈现(第二个字段集)
编辑:我已经调试过了,在代码中一切都很好,但它没有显示在前端,我不知道为什么
浏览次数.py

def createQuotePage(request):
    if request.method == "POST":
    # Getting all the value

    # saving in Table
 saveInUnitsTable(-------some code, removed to shorten question ------)
        
 saveInCustomerTable(-------some code, removed to shorten question ------)

       
 saveInInquiryTable(-------some code, removed to shorten question ------)

        flight_suggestions =Flight.objects.filter(sourceairportid=1,destinationairportid=51)
        context = {'flight_suggestions':flight_suggestions,"test":"99999999999999999999999999999999999999"}
        return render(request,"Freight/create_quote.html",context=context) # <-- here is the PROBLEM
        

    if request.method == "GET":
        print("========================GET=======================")
        context = {'airport_data' : list(Airport.objects.all()),
                    'commodity_data':list(Commodity.objects.all()),
                    'customerType_data':list(Entity.objects.all()),
                    }
        return render(request,"Freight/create_quote.html",context=context)

脚本.js

(function($) { 
    "use strict";
    $.backstretch;
    $('#top-navbar-1').on('shown.bs.collapse', function(){
        $.backstretch("resize");
    });
    $('#top-navbar-1').on('hidden.bs.collapse', function(){
        $.backstretch("resize");
    });
    $('.f1 fieldset:first').fadeIn('slow'); 
    
    $('.f1 .btn-next').on('click', function() {
        //
        var parent_fieldset = $(this).parents('fieldset');
        var next_step = true;
        var current_active_step = $(this).parents('.f1').find('.f1-step.active');
        var progress_line = $(this).parents('.f1').find('.f1-progress-line');
        //
        var formData1 = $("#total-shipment-form").serialize();
        var formData2 = $("#units-form").serialize();
        var formData3 = $("#customerDetailForm").serialize();
        var formData4 = $("#firstFieldset").serialize();
        var formData = formData1 + '&' + 
                        formData2 + '&' + 
                        formData3 + '&' + 
                        formData4

        $.post("",formData)
        .done(function(){
            //
            console.log('Success : ');
            // var parent_fieldset = $(this).parents('fieldset');
            // var next_step = true;
            // var current_active_step = $(this).parents('.f1').find('.f1-step.active');
            // var progress_line = $(this).parents('.f1').find('.f1-progress-line');
            if( next_step ) {
                parent_fieldset.fadeOut(400, function() {
                    current_active_step.removeClass('active').addClass('activated').next().addClass('active');
                    bar_progress(progress_line, 'right');
                    $(this).next().fadeIn();
                    scroll_to_class( $('.f1'), 20 );
                });
            }
            //
        })
        .fail(function(){
            console.log('Error : ');
        });     
    });

编辑:-

Html模板

<fieldset id="secondFieldset">
                                            <div class="form-group select_all_style">
                                                <input class="form-check-input" type="checkbox" value=""
                                                    id="select_all">
                                                <label for="select_all" class="font-bold lh-26 fs-14">Select All</label>
                                            </div>
                                            {{test}}
                                            
                                            <div class="airline_wrapper check_box_wrapper">
                                                {{test}}
                                                
                                                {% for flight in flight_suggestions %}
                                                <div class="col_2 text-center dhl_text ">
                                                    <div class="aviation_wrapper">
                                                        <div class="aviation_checkbox">
                                                            <input class="form-check-input" type="checkbox" value=""
                                                                id="flexCheckDefault">
                                                        </div>
                                                        <div class="d-inline pl_10">
                                                            <!-- <p>Expiry Date <span><b>6 Sep 2022</b></span></p> -->
                                                            <h4 class="fw-400 fs-28">{{flight.flightcompany}}</h4>
                                                            
                                                            <p>Air Freight</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col_6">
                                                    <div class="flight_container text-center">
                                                        <i class="fa-solid fa-plane plane_style"></i>
                                                        <div class="flight_details"></div>
                                                        <div class="flight_content">
                                                            <div>
                                                                <h4>{{flight.sourceairportid.airportname}}</h4>
                                                                <p>{{flight.sourceairportid.cityid.cityname}}</p> 
                                                            </div>
                                                            <div>
                                                                <h4>{{flight.destinationairportid.airportname}}</h4>
                                                                <p>{{flight.destinationairportid.cityid.cityname}}</p>
                                                            </div>
                                                        </div>
                                                        <hr>
                                                        <div class="d-flex">
                                                            <div class="flight_sub_text text-left">
                                                                <label for="">Transit Time</label>
                                                                <h5>-- Hrs</h5>
                                                                <h5>{{flight.trasittime}} Hrs</h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col_3">
                                                    <h4 class="text-center reference_text">Past Reference</h4>
                                                    <div class="buy_text_wrapper">
                                                        <p>Buy Rate</p>
                                                        <p>Sell Rate</p>
                                                    </div>
                                                    <div class="buy_text_wrapper">
                                                        <p>USD 5,500.00</p>
                                                        <p>USD 7,000.00</p>
                                                    </div>
                                                    <h5 class="probabilty_text text-center pt-4"><span><i
                                                                class="fa-solid fa-arrow-trend-up"></i> 70%</span>
                                                        Winnning Probabilty</h5>
                                                </div>
                                                {% endfor %}
                                                
                                            </div>
                                            <div class="f1-buttons">
                                                <button class="btn btn-primary btn-next" type="button">Request Better
                                                    Rates</button>
                                            </div>
                                        </fieldset>
h43kikqp

h43kikqp1#

你能在html文件“Freight/create_quote. html”中粘贴你如何访问上下文吗?你使用的是{{test}}吗?

相关问题