PHP表格編輯-jeditable

可编辑的表格：jQuery+PHP实现实时编辑表格字段内容

http://www.helloweba.com/view-blog-74.html

上課範例
http://www.tad0616.net/modules/tad_book3/page.php?com_mode=nest&com_order=1&tbdsn=754

待研究...
https://code.google.com/p/cpassman/source/browse/trunk/1.02/groups.php?r=35

[jQuery] 用Jeditable快速更新MySQL資料

http://blog.yoren.info/2008/05/jquery-%E7%94%A8jeditable%E5%BF%AB%E9%80%9F%E6%9B%B4%E6%96%B0mysql%E8%B3%87%E6%96%99/


HTML標籤列表
http://web.thu.edu.tw/hzed/www/tag.htm

可編輯的表格：jQuery+PHP實現實時編輯表格字段內容

接入jquery ui的datepicker日歷插件

http://www.qihi.net/archives/25374

Jeditable，快速修改資料庫與表格的資料

http://blog.xuite.net/kb8.gyes/free/27183210-Jeditable%EF%BC%8C%E5%BF%AB%E9%80%9F%E4%BF%AE%E6%94%B9%E8%B3%87%E6%96%99%E5%BA%AB%E8%88%87%E8%A1%A8%E6%A0%BC%E7%9A%84%E8%B3%87%E6%96%99

[jQuery] 用Jeditable快速更新MySQL資料

http://blog.xuite.net/coke750101/networkprogramming/25625771

基于PHP+Jquery制作的可编辑的表格的代码 ***實作就可以***

http://www.jb51.net/article/26790.htm

-------------------------------------------------------

jEditable 使用技巧

http://blog.adahsu.net/2007/05/jeditable.html

先前曾在 網頁上的就地編輯 (Edit in place) 功能 中抱怨過這些 plugins 完全忽視 Server 資料更新失敗的可能性而不能還原成修改前的資料。

自己寫一個新的，單純使用 select 更動資料的 plugin 是一個方法，不過最後還是測出了當 Server 端資料更新失敗後如何還原原始資料的方法。

經由檢視 jEditable.js 內的源碼後得知 jEditable 將被編輯元素的原始內容保存在該元素的 revert 屬性中，配合 jEditable - In Place Editor Plugin for jQuery - Edit In Place 提到的 Submitting to function instead of URL 作法可以得知可指定一個函式處理 Server 端資料更新與狀態驗證：

1. 將欲送往 Server 端之資訊以 JSON 格式加以封裝，封裝時必須額外封裝兩份資料：元素的原始內容 (revert) 及實際要傳回的內容 (rtnValue，預設值等於函式所接收到的 value 值)。
2. 以 $.getJSON() 或其他 ajax 函式呼叫將欲更新的資料送往 Server 端並使用 callback function 處理 Server 端回覆的執行結果。此處的重點是先前封裝起來的 JSON 物件可以在 callback function 中使用，這表示可以將某些資訊傳入 callback function 中，也可以在 callback function 中設定回傳變數 (rtnValue) 的內容。
3. 將最後欲顯示的資料內容傳回 jQuery 。

範例如下：

$(".editable").editable(

function(value, settings) {

var myParam = new Object();
      // 要傳給 Server 用的欄位
      myParam.key = this.id.replace( /key/i, "" );
      myParam.param = value;
      // 回呼函式使用的欄位
      myParam.revert = this.revert;       // 元素原始內容
      myParam.rtnValue = value;           // 使用者修改過之內容
      $.getJSON( "json/updateData",       // Server 上更新資料之位址
                 myParam,                 // 傳入之參數
                 function( json ) {       // 回呼函式/callback function
                    if( !json.status ) {  // 假如更新失敗就傳回原始內容
                      myParam.rtnValue = myParam.revert;
                    }
                 }
      );
      return( myParam.rtnValue );         // 傳回動作結束後要顯示的內容
   },
   { 
      loadurl : "json/loadPMData",
      type   : "select",



indicator : "< img src='images/indicator.gif' >",
submit : "OK",
      tooltip: "滑鼠雙擊此欄位後即可編輯",
      event  : "dblclick" 
   }
);