Files
FHC-Core/include/js/treeGrid/test.html
T
Andreas Österreicher a4133174f1
2013-11-19 08:09:36 +00:00

101 lines
3.7 KiB
HTML
Executable File

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery TreeGrid Unit tests</title>
<link rel="stylesheet" href="tests/qunit-1.12.0.css">
<link rel="stylesheet" href="css/jquery.treegrid.css">
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<script src="tests/qunit-1.12.0.js"></script>
<script src="tests/tests.js"></script>
<table id='tree-1' border="1" cellpadding="0" cellspacing="0">
<tr>
<th>1</th><th>2</th>
</tr>
<tr class="treegrid-1" id="node-1">
<td>1</td><td>Simple text of ...</td>
</tr>
<tr class="treegrid-2 treegrid-parent-1" id="node-1-1">
<td>1.1</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-3 treegrid-parent-2' id="node-1-1-1">
<td>1.1.1</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-9 treegrid-parent-2' id="node-1-1-2">
<td>1.1.2</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-10 treegrid-parent-9' id="node-1-1-2-1">
<td>1.1.2.1</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-4 treegrid-parent-1' id="node-1-2">
<td>1.2</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-5 treegrid-parent-1' id="node-1-3">
<td>1.3</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-6 treegrid-parent-5' id="node-1-3-1">
<td>1.3.1</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-7 treegrid-parent-1' id="node-1-4">
<td>1.4</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-8 treegrid-parent-7' id="node-1-4-1">
<td>1.4.1</td><td>Simple text of ...</td>
</tr>
<tr class="treegrid-11" id="node-2">
<td>2</td><td>Simple text of ...</td>
</tr>
</table>
<hr>
<table id='tree-2' border="1" cellpadding="0" cellspacing="0">
<tr>
<th>1</th><th>2</th>
</tr>
<tr class="treegrid-1" id="tnode-1">
<td>1</td><td>Simple text of ...</td>
</tr>
<tr class="treegrid-2 treegrid-parent-1" id="tnode-1-1">
<td>1.1</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-3 treegrid-parent-2' id="tnode-1-1-1">
<td>1.1.1</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-9 treegrid-parent-2' id="tnode-1-1-2">
<td>1.1.2</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-10 treegrid-parent-9' id="tnode-1-1-2-1">
<td>1.1.2.1</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-4 treegrid-parent-1' id="tnode-1-2">
<td>1.2</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-5 treegrid-parent-1' id="tnode-1-3">
<td>1.3</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-6 treegrid-parent-5' id="tnode-1-3-1">
<td>1.3.1</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-7 treegrid-parent-1' id="tnode-1-4">
<td>1.4</td><td>Simple text of ...</td>
</tr>
<tr class='treegrid-8 treegrid-parent-7' id="tnode-1-4-1">
<td>1.4.1</td><td>Simple text of ...</td>
</tr>
<tr class="treegrid-11" id="tnode-2">
<td>2</td><td>Simple text of ...</td>
</tr>
</table>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/jquery.treegrid.js"></script>
<script src="js/jquery.cookie.js"></script>
<script>
var saveStateName='state-save-4';
$("#tree-1").treegrid({initialState: 'collapsed'});
$("#tree-2").treegrid({treeColumn:1, initialState: 'expanded', 'saveState': true, 'saveStateName': saveStateName});
</script>
</body>
</html>