2013-02-15 60 views
2

我有一個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

<形式名稱= 「MainForm的」 方法= 「GET,POST」>

user2058205 2013-02-16 07:16:35

回答

0

我還沒有使用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