Django - Как я могу добавить formset в данные табличного формата? - PullRequest
Новая
       23

Django - Как я могу добавить formset в данные табличного формата?

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

Вот мой следующий код, который может добавлять новые строки при заполнении данных в полях ввода. 

<html>
    <head>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <script type="text/javascript" src="js/jquery-3.5.0.min.js"></script>
    </head>
    <body class="container">
        <h1 align="center">Module Testing</h1>
        <form method="post" class="form-inline">
            <div align="center">
                <input type="text" id="id" name="id" placeholder="ID" class="form-control">
                <input type="text" id ="name" name="test_name" placeholder="Test Name" class="form-control">
                <input type="text" id="result" name="result" placeholder="Result" class="form-control">
                <input type="text" id="units" name="units" placeholder="UOM" class="form-control">
                <button type="button" id="btn-add" class="btn btn-info">Add</button>
            </div>
        </form>
        <hr>
        <form method="post">
            <table class="table">
                <thead>
                    <tr>
                        <th> #ID </th>
                        <th> Test Name </th>
                        <th> Result </th>
                        <th> UOM </th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <button type="submit" id="btn-submit" class="btn btn-info">Submit</button>
        </form>
        <script>
            $(function(){
                $('#btn-add').click(function(){
                var id = $('#id').val();
                var name = $('#name').val();
                var result = $('#result').val();
                var units = $('#units').val();

                var tr = '<tr><td>'+id+'</td><td>'+name+'</td><td>'+result+'</td><td>'+units+'</td></tr>';
                $('tbody').append(tr);
                });
            });
        </script>
    </body>
</html>

Как добавить formset в приведенном выше коде, чтобы сохранить все данные в базе данных в один клик. Я новичок в django. Спасибо.

...