数据表使用提交按钮提交

时间:2013-02-15 05:09:43

标签: javascript jquery html datatables jeditable

我有一个数据表,其中一个coloumns是可编辑的(使用jeditable插件)。所以现在我需要一个通用的提交按钮,它将提交整个更改。 这是我的数据表条目。

          $(document).ready(function(){
            $('#jtable').html( '<table cellpadding="1" cellspacing="1" border="1" class="pretty" id="edit_table"></table>' );
            $("#edit_table").dataTable({
                "aaData": {{ result | safe }},
                "aLengthMenu" : 100,
                "aaSorting": [],
                "aoColumns" : [
                    {'sTitle' : 'Options' },
                    {'sTitle' : 'Values'}
                ],
                "iDisplayLength": -1,
                "bFilter" : false,
                "bSearchable" :false,
                "bInfinite" :true,
                "bSort" :false,
                "bPaginate": false
            });
          $('#edit_table tbody td:eq(3),td:eq(5),td:eq(7)').editable( 'Reschedule.html',{
                "callback": function( sValue, y ) {
                    var aPos = oTable.fnGetPosition( this );
                    oTable.fnUpdate( sValue, aPos[0] );
                },
                "submitdata": function ( value, settings ) {
                    return {
                        "row_id": this.parentNode.getAttribute('id'),
                        "column": oTable.fnGetPosition( this )[2]
                    };
                }
            } );
        } );

所以我需要一个通用的提交按钮来提交表格中的数据。我必须使用python将数据更新到DB。 (我正在使用python + flask框架工作)。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

我还没有使用Python来处理表单,所以这里的信息可能有误,但我希望它有一些用处。

你的html表单应该只有一个方法,get或post,而不是两者。邮寄更安全。您还应该使用操作,并将其指向将处理已发布数据的.py文件。行动= “myPy.py”

在提交表单之前,您还可以创建一个通用按钮并提供onclick功能来执行其他操作。例如..

html部分:

<input type="button" value="Submit Form" class="btn_submit" onclick="submitOrder()" />

或者您可以使用提交按钮“input type ='submit'...”然后在提交之前使用jQuery首先调用函数,例如

$('#yourFormID').submit(function(e) {
//prevent default submit action        
e.preventDefault();
//run your function instead
submitOrder();
});

我还发现了一篇关于使用Python提交表单的文章,它可能对你有帮助... http://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-iii-web-forms