首頁 »
2011/03/30

介紹一個JQuery的外掛工具「就地編輯」

引用來源為:Idea Grapes


Jeditable是一個用來達成「就地編輯」(Edit In Place)目的的jQuery plugin,以下簡單介紹這個外掛的用法,以及如何將編輯完成的內容更新到資料表中。

官方網址為:
http://www.appelsiini.net/projects/jeditable

使用心得:
這個外掛可以輕鬆的幫泥做到立即修改的功能,

包含文字欄位,文字段落,下拉選單,

都可變成點擊後,立即變成上面的元件,修改後立即生效,

因我是使用asp.net所以,我呼叫的方式為:

$(document).ready(
function(){ $(".OrderStatus").editable( "save.ashx", { 
    data   : " {'0':'選單一','1':'選單二','2':'選單三', 'selected':'0'}",
    type: "select",
    indicator:"<img src='image/loading.gif'>", 
    submit : "修改",
    style   : "vertical-align:middle;display: inline",
    callback : function(value, settings) {
        v=value.split('_');
        arr=this.id.split('_');
        $('#Div_'+arr[1]).html(v[1]);
    }

    });
});

關鍵字: BMI

FireFox,IE7點擊圖片刷新驗證碼bug的解決←上一篇 │首頁│ 下一篇→jQuery plugin: Validation的詳細使用
本文引用網址: