Revision 79c661f7a6ad () - Diff

Link to this snippet: https://friendpaste.com/2PWqKBHdPJueLyCl9IVQGt
Embed:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>List With Chain.js</title>

		<script src="jquery.js" type="text/javascript"></script>
		<script src="chain.js" type="text/javascript"></script>
		<script type="text/javascript">
			var items = [{
				name: 'root',
				type: 'folder',
				show: true,
				items: [
					{name: 'folder', type: 'folder', items: [
						{name: 'item1', type: 'item'},
						{name: 'item2', type: 'item'},
						{name: 'item3', type: 'item'},
						{name: 'item4', type: 'item'}
					]},
					
					{name: 'item1', type: 'item'},
					{name: 'item2', type: 'item'}
				]
			}];
			
			$(function(){
				$('#tree').items(items).chain(function(root){
					var data = this.item();
					// Create nested element when items exist
					if(data.items)
					{
						root.chain('clone').appendTo(this).items(data.items).chain(arguments.callee);
					}
				});
			});
		</script>
	</head>
	<body>
		<ul class="tree" id="tree">
			<li>
				<span class="name">item</span>
			</li>
		</ul>
	</body>
</html>