DataTable的使用提交按钮

问题描述:

我有一个DataTable和coloumns之一是可编辑的提交(使用jeditable插件)。所以现在我需要一个通用的提交按钮来提交整个更改。 这是我的数据表项。DataTable的使用提交按钮

  $(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将数据更新到数据库。 (我正在使用python + flask框架工作)。任何帮助将不胜感激。

+0

可以表现出一定的HTML?这张桌子包裹在

? – lukeocom 2013-02-15 07:41:45
+0

user2058205 2013-02-16 07:16:35

我还没有使用Python来处理的形式,所以这里的信息可能是错误的,但我希望这是一些使用的。

HTML表单应该只有一个方法,你可以下载或交的,而不是两个。邮政更安全。你也应该使用一个动作,并将其指向你的.py文件来处理发布的数据。行动=“myPy.py”

您还可以创建一个通用按钮,并提供一个onclick功能提交表单前做别的事情。例如..

HTML的一部分:

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

或者你可以使用一个提交按钮“输入类型=‘提交’...”,然后使用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