[jQ] 外掛Jeditable 的用法

2012-10-23 / JSN / 0 Comments / 461 次瀏覽

這個套件是用來即時編輯，使用者要輸入的資料量不大的時候用這個效果不錯。

但都忘記怎麼用，這裡記錄一下….

/*長相 1 */

    $(".edit").editable(
'<?=_JS_BASEURL?>admin/BackEnd/fame/bp.php',{
submit : '儲存',
cancel : '取消',
indicator : '儲存中…',
onblur : 'ignore',
submitdata : function(value, settings) {
return    { 
act     : 'query_update',
id : $(this).parents("tr").find(".box").val(),
column    : $(this).attr("data-id") //要修的欄位
};
}
});


/*長相2 */

$(".isopen").editable(
'<?=_JS_BASEURL?>admin/BackEnd/member/bp.php',
{
tooltip   :    '變更該帳號狀態',
type :    'select',
'submit' :    '儲存',
cancel :    '取消', 
indicator :    '儲存中…',
onblur :    'ignore',
data :    {
'0'    :    '關閉',
'1' :    '開放'
},
'submitdata'    :    function(value, settings) {
      return    { 
act     : 'saveisopen', 
mbid     : $(this).attr("data-id")
};
}
}
);

    
/*

 submitdata 用來傳送的資料，方法比較特殊，須要用return { } 的方法來包資料
*/

其他參考官網 http://www.appelsiini.net/projects/jeditable