laiui中的无限联动效果

先看效果图

-----------------------------------------------------------------------以下是关键代码---------------------------------------------------------------------------

HTML页面

<div class="layui-form-item">
     <div id="region" class="layui-form-item test-region"></div>
</div>

绑定数据

var data = JSON.parse($("#columnList").val());

interact.render({
    elem: '.test-region',
    title: '文章栏目',
    data: data,
    name: 'region',
});

上面这个data返回的数据类型必须是以下这种类型的数据

[
  {
		"id": 1,
		"title": "1",
		"pid": 0
	},{
		"id": 6,
		"title": "dsf",
		"pid": 0
	}, {
		"id": 7,
		"title": "sdfa",
		"pid": 5
	}
]