Nestable演示

  1. item - 1
    1. item - 2
    2. item - 3
  2. item - 4
  3. item - 5
    1. item - 6
    2. item - 7
      1. item - 8
      2. item - 9
  4. item - 10
数据:

Nestable说明

(1) 配置

$('#nestable').nestable({ group: 1, maxDepth: 6 })
配置参数 说明
maxDepth 最多允许有几个阶层 (默认5)
group 允许在列表之间拖动的组ID(默认0)
listNodeName 创建树结构的的HTML标签(默认'ol')
itemNodeName 创建树结构节点的HTML标签(默认'li')
rootClass 根节点的class属性名称(默认'dd')
listClass 所有节点的class属性名称(默认'dd-list')
itemClass 树结构叶子节点class名称(默认'dd-item')
dragClass 当元素被拖拉时所套用的样式 (默认'dd-dragel')
handleClass 用来拖拉的控件所套用的样式 (默认'dd-handle')
collapsedClass 当元素项目有子元素可以展开时所套用的样式(默认'dd-collapsed')
placeClass 用来暂位用的元素所套用的样式 (默认'dd-placeholder')
emptyClass 当元素中没有任何可拖拉的元素项目时所套用的样式 (默认'dd-empty')
expandBtnHTML 用来产生可以用来点击展开用的按钮 (默认'Expand')
collapseBtnHTML 用来产生可以用来点击收合用的按钮(默认'Collapse')