jQuery EasyUI 擴展 - 可編輯的樹（Editable Tree）

jQuery EasyUI 擴展

用法

創建樹（Tree）

    <ul id="tt"></ul>
    $('#tt').etree({
        url: 'tree_data.json',
        createUrl: ...,
        updateUrl: ...,
        destroyUrl: ...,
        dndUrl: ...
    });

設置 url、createUrl、updateUrl、destroyUrl 和 dndUrl 屬性，用來自動同步客戶端與伺服器端的數據。

• url：返回樹的數據。
• createUrl：當創建一個新節點時，樹將向伺服器傳遞一個名為 'parentId' 的參數，該參數指示父節點的 id。
  伺服器應返回添加的節點數據。下麵的代碼演示了添加節點數據實例：

  {"id":1,"text":"new node"}
  

• updateUrl：當更新一個節點時，樹將向伺服器傳遞 'id' 和 'text' 參數。
  伺服器執行更新操作，並返回更新的節點數據。
• destroyUrl：當銷毀一個節點時，樹將向伺服器傳遞 'id' 參數。
  伺服器返回 {"success":true} 數據。
• dndUrl：當拖放一個節點時，樹將向伺服器傳遞下列參數：
  id - 被拖拽的節點 id。
  targetId - 被放置的節點。
  point - 指示放置操作，可能的值：'append'、'top' 或 'bottom'。
  伺服器執行一些動作，並返回 {"success":true} 數據。

方法

該方法擴展自樹（tree），下麵是為可編輯的樹（etree）添加的方法。

下載 jQuery EasyUI 實例

jquery-easyui-etree.zip

jQuery EasyUI 擴展