jsFiler是一个支持AJAX的jQuery文件/文件夹树插件，它允许用户在类似于文件资源管理器的文件夹结构中显示/编辑分层数据。可用操作：添加、删除、编辑、搜索、复制、剪切、粘贴、删除等。

特征：

• 可用操作：添加、删除、编辑、搜索、复制、剪切、粘贴、删除等。
• 后端支撑。
• 右键单击菜单。
• 图标菜单。
• 复选框。
• 正在加载旋转器。
• 拖放。

如何使用它:

1.在网页上包含必要的jQuery库和jQuery jstree插件的文件。

<link rel="stylesheet" href="/path/to/jstree/style.min.css">
<script src="/path/to/jstree/jquery.min.js"></script>
<script src="/path/to/jstree/jstree.min.js"></script>

2.包括jsFiler插件的文件如下：

<link rel="stylesheet" href="jsfiler.css">
<script src="jsfiler.js"></script>

3.为文件树创建一个容器。

<div id="filer-demo"></div>

4.激活文件树并完成。

$('#filer-demo').jsfiler({
  // options here
});

5.默认配置选项。

$('#filer-demo').jsfiler({

  /* 1 - right-click menu, 2 - icon menu, 3 - both */
  menuMode: 1, 

  /* path to tree and menu icons */
  iconPath: '', 

  /* no tree checkboxes */
  checkbox: false, 

  /* allow drag & drop */
  canDrag: true, 

  /* allow multiple roots */
  rootSingle: false, 

  /* allow leafs for root node */
  rootLeaf: true, 

  /* root parent id */
  rootParent: -1, 

  /* save opened/selected state */
  saveState: false, 

  /* open the node on: 1 - click, 2 - dblclick, 3 - both 04.2017 */
  selectOpen: 2, 

  /* knots deletion: 0 - empty only, 1 - +copied, 2 - all */
  knotRemove: 0, 

  /* duplicate child names: 2 - allow, 1 - case-sensitive, 0 - no */
  nameDupl: 0, 

  /* name trim patterm (leading & trailing spaces */
  nameTrim: /^\s+|\s+$/g, 

  /* don't validate */
  nameValidate: false, 

  /* user authorization token */
  userAuth: null, 

  /* ajax request url */
  urlAjax: 'ajax.php' 
  
});

更新日志：

2022-06-11

• JS更新

预览截图

jQuery 动态Ajax文件树插件 jsFiler