關於在線編輯,點擊即可編輯失去焦點即可保存的插件X-editable

1. 插件地址:http://vitalets.github.io/x-editable/index.html

2. 常用的方法:

      覺得該插件的封裝過重了,我們平時也只是用其中的一點點功能,所以各位如果有能力可以仿照改插件自定義簡單適用的插件。下邊來看看改插件的功能吧。

jquery對象中擴展出editable屬性,並添加默認值。

    mode 爲‘inline’,即行內編輯 ; 爲‘popup’時,即爲tip模式,在數據上方跳出一個可編輯的小窗;

    diabled 爲true不啓用在線編輯功能,false則啓用;

    showbuttons 在哪顯示按鈕,false爲右,left爲左,如果沒有按鈕,則失去焦點後自動提交;

    emptytext 如果是空白的時候,默認顯示的值;

    ajaxOptions  調用ajax時候的一些操作,用法同jquery;

    success  成功時調用的函數,該函數包含兩個參數(response和newvalue),如果返回字符串,則爲錯誤信息;如果返回對象如{newValue: <something>},這樣會覆蓋原有值。否則newvalue就沒什麼用。

    error  失敗是調用的函數,該函數也包含兩個參數(response和newvalue),且必須返回錯誤信息的字符串;

    validate  驗證輸入用的;


看下邊例子:



   


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章