如果form.is_valid（）使用来自views.py的变量，则运行JavaScript

Question

我正在尝试使用javaScript将变量打印到Dymo打印机。我已经测试了javaScript代码并且它可以工作，但我不知道我将如何从我的views.py访问和运行这个javaScript。也许我可以从模板中做到这一点，但是我尝试打印的变量包含一些在表单有效时创建的数据库信息。

请问是否有任何不清楚的地方！谢谢！

views.朋友

def CreateWasteView(request):
  if request.method == 'POST':
    form = CreateWasteForm(request.POST)
    if form.is_valid():
        waste = Waste_Item(material=form['materialList'].value(), height=form['height'].value(), width=form['height'].value())
        waste.save()
        waste.code = form['materialList'].value() + str(waste.pk)
        waste.save()
    return render(request, 'waste/home.html')
    else:
        form = CreateWasteForm()
        context = {
            'form': form
        }
        return render(request, 'waste/new.html', context)

模板

{% extends "waste/base.html" %}
{% load crispy_forms_tags %}
{% block content %}

<div class="content-section">
    <form method="POST">
        {% csrf_token %}
        <div class="col-md-6">
            <fieldset class="form-group">
                <legend class="border-bottom mb-4">New Waste-Item!</legend>
                {{ form|crispy }}
            </fieldset>
            <div class="form-group">
                <button class="btn btn-outline-info" type="submit">Create</button>
            </div>
        </div>
    </form>
</div>
{% endblock content %}

JavaScript的

<script type="text/javascript" 
src="http://labelwriter.com/software/dls/sdk/js/DYMO.Label.Framework.3.0.js"></script>
<script type="text/javascript">
function startupCode(code) {
  dymo.label.framework.trace = 1;
  var printers = dymo.label.framework.getPrinters();
  if (printers.length == 0)
    throw "No DYMO printers are installed. Install DYMO printers.";

  dymo.label.framework.getPrintersAsync().then(function(printers){
    // Successful result, printers variable has a list of all supported by the DYMO Label Framework
console.log(printers);
  }).thenCatch(function(error){
// Error
  });

   var labelXml = '<?xml version="1.0" encoding="utf-8"?>\
                    <DieCutLabel Version="8.0" Units="twips">\
                        <PaperOrientation>Landscape</PaperOrientation>\
                        <Id>Address</Id>\
                        <PaperName>30252 Address</PaperName>\
                        <DrawCommands>\
                            <RoundRectangle X="0" Y="0" Width="1440" Height="1440" Rx="180" Ry="180" />\
                        </DrawCommands>\
                        <ObjectInfo>\
                        <TextObject>\
                            <Name>TEXT1</Name>\
                            <ForeColor Alpha="255" Red="0" Green="0" Blue="0" />\
                            <BackColor Alpha="0" Red="255" Green="255" Blue="255" />\
                            <LinkedObjectName></LinkedObjectName>\
                            <Rotation>Rotation0</Rotation>\
                            <IsMirrored>False</IsMirrored>\
                            <IsVariable>False</IsVariable>\
                            <HorizontalAlignment>Center</HorizontalAlignment>\
                            <VerticalAlignment>Top</VerticalAlignment>\
                            <TextFitMode>AlwaysFit</TextFitMode>\
                            <UseFullFontHeight>False</UseFullFontHeight>\
                            <Verticalized>False</Verticalized>\
                            <StyledText>\
                                <Element>\
                                    <String>BARCODE</String>\
                                    <Attributes>\
                                    <Font Family="Arial" Size="12" Bold="False" Italic="False"\
                                    Underline="False" Strikeout="False" />\
                                    <ForeColor Alpha="255" Red="0" Green="0" Blue="0" />\
                                    </Attributes>\
                                </Element>\
                            </StyledText>\
                        </TextObject>\
                         <Bounds X="336" Y="132.900024414063" Width="2265" Height="345" />\
                        </ObjectInfo>\
                    </DieCutLabel>';

  var label = dymo.label.framework.openLabelXml(labelXml);
  label.setObjectText("TEXT1", code);
  label.print("DYMO LabelWriter 450 Turbo"); // This is the NAME of the 
printer which i found 
}
</script>

Answer 1

为此，您可以通过视图将所需变量传递给javascript。例：

views.朋友

if form.is_valid():
    waste = Waste_Item(material=form['materialList'].value(), height=form['height'].value(), width=form['height'].value())
    waste.save()
    waste.code = form['materialList'].value() + str(waste.pk)
    waste.save()
    value = '' #the value you want to pass
return render(request, 'waste/home.html', {'value':value})

然后在模板中，您可以使用{{ value }}获取值。然后，您可以将此值传递给要调用的函数。