Можно ли сделать так, чтобы код в django читался javascript?

что происходит: у меня уже есть поведение для добавления строк (JS и HTML) с моим знаком плюс, однако у меня есть проблема, что форма, которая дублируется (с набором форм) не имеет кода в django, и очевидно, что я хочу, чтобы я добавил строки с HTML, JS и Django.

Хотелось бы переработать свой код так, чтобы cell1.outerHTML (и другие) содержали что-то вроде этого: {% render_field form.code class = "form-control"%}

Я просто не знаю, можно ли это сделать, надеюсь, потому что мои знания JS минимальны :(

)

budgets-forms.html

<>>>>

add-parts-rows.js

            function deleteRow(id)
            {
            document.getElementById(id).remove()
            }

            function childrenRow() {

            var table = document.getElementById("childTable1");
            // GET TOTAL NUMBER OF ROWS
            var x =table.rows.length;
            var id = "tbl"+x;
            var row = table.insertRow(x);
            row.id=id;
            var cell1 = row.insertCell(0);
            var cell2 = row.insertCell(1);
            var cell3 = row.insertCell(2);
            var cell4 = row.insertCell(3);
            var cell5 = row.insertCell(4);
            var cell6 = row.insertCell(5);
            cell1.outerHTML = ' <td><input type="text" name="parts_code" class="form-control input-new-customer-code newcode" autofocus/></td>';
            cell2.innerHTML = ' <input type="text" name="parts_description" class="form-control input-new-customer-description" />';
            cell3.innerHTML = ' <input type="text" name="parts_quantity" class="form-control input-new-customer-quantity" />';
            cell4.innerHTML = ' <input type="text" name="parts_unit_price" class="form-control input-new-customer-unit-price" />';
            cell5.innerHTML = ' <input type="text" name="parts_total_price" class="form-control input-new-customer-total" />';
            cell6.innerHTML = '  <input type="button" class="btn btn-block btn-default" id="addrow" onclick="deleteRow(\''+id+'\')" value="Delete" /> ';
            }
            document.getElementsByClassName("newcode").onfocus = function() {setFocusInput()};
            function setFocusInput(){
                document.getElementsByClassName("newcode").focus();
            }

Вернуться на верх