<!DOCTYPE >
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
<title>fileio配置</title>
|
|
<link rel="stylesheet" href="../../css/tree.css" />
|
|
<script type="text/javascript" src="../../js/jquery-1.7.2.min.js" ></script>
|
<script type="text/javascript" src="../../js/extend.js" ></script>
|
<script type="text/javascript" src="../../js/core.js" ></script>
|
<script type="text/javascript" src="../../js/tree.js" ></script>
|
|
<script type="text/javascript">
|
var tree, grid;
|
var treeData = [
|
|
{id:2, parentid:2, position:"总监", name:"B", title:"SD"},
|
{id:22, parentid:2, position:"大区经理", name:"C", title:"RD"},
|
{id:221, parentid:22, position:"区域经理", name:"D", title:"AM"},
|
{id:2211, parentid:221, position:"销售代表", name:"E", title:"MR"},
|
{id:2212, parentid:221, position:"销售代表", name:"F", title:"MR"},
|
{id:222, parentid:22, position:"区域经理", name:"G", title:"AM"},
|
{id:23, parentid:2, position:"大区经理", name:"H", title:"RD"},
|
{id:231, parentid:23, position:"区域经理", name:"I", title:"AM"},
|
{id:232, parentid:23, position:"区域经理", name:"J", title:"AM"}
|
];
|
|
$(document).ready(function() {
|
tree = new Tree({
|
element: "tree",
|
data: treeData,
|
autoExpended: true,
|
renderNodeText: function(element, record) {
|
element.html(record.position + "--" + record.name);
|
},
|
onNodeSelect: function(node) {
|
|
}
|
});
|
});
|
</script>
|
|
</head>
|
|
<body>
|
<div style="position:absolute; top: 10px; left: 2%; bottom: 10px; border: 0px solid #ddd; width: 25%;">
|
<div id="tree" style="border: 1px solid #ddd; width: 100%; height: 80%"></div>
|
</div>
|
|
<div style="position:absolute; top: 10px; left: 29%; right:4%; bottom: 10px;">
|
<div style="position:absolute; border: 1px solid #ddd; width: 100%; height: 10%">
|
<div id="current_data" style="float: left; height: 45%; font-size: 20px; margin-top: 15px">
|
code
|
</div>
|
</div>
|
|
<div style="position:absolute; width: 100%; height: 90%; top: 10%; border: 1px solid #ddd;">
|
<div id="card" style="text-align: left;"></div>
|
</div>
|
</div>
|
<div style="position: absolute; left: 40%; bottom: 30%; height: 30px; line-height: 30px; margin-top: 15px;" align="center" >
|
</div>
|
</body>
|
</html>
|
