feat: 后端全量更新 - 含所有本次需求
- Contract.php: 返回合约账户余额(balance_contract) - My.php: 地址管理增加BTC/ETH - AppContract.php: 一键平仓(closeall) - AppProxy.php: 代理专属注册链接 + 分级权限(L1/L2) - site.php: 手续费减半(0.018→0.009) - agent_permission_setup.sql: 代理权限SQL - crypto_news_crawler.py: 新闻自动采集脚本
This commit is contained in:
li
Executable
+126
@@ -0,0 +1,126 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>GoJS SubTrees -- Northwoods Software</title>
|
||||
<!-- Copyright 1998-2020 by Northwoods Software Corporation. -->
|
||||
<script src="../release/go.js"></script>
|
||||
<script src="goIntro.js"></script>
|
||||
</head>
|
||||
<body onload="goIntro()">
|
||||
<div id="container" class="container-fluid">
|
||||
<div id="content">
|
||||
|
||||
<h1>SubTrees</h1>
|
||||
<p>
|
||||
Tree diagrams can get very large.
|
||||
One way to simplify the diagram is to hide branches of the tree.
|
||||
"Collapsing" a tree node means making all of its children and the links to them, not visible,
|
||||
and recursively collapsing all of the children that have children.
|
||||
</p>
|
||||
<p>
|
||||
To collapse a node in a tree, set <a>Node.isTreeExpanded</a> to false;
|
||||
to make sure it is expanded, set that property to true.
|
||||
You should not set this property to true on a <a>Node</a> that is not <a>GraphObject.visible</a>.
|
||||
</p>
|
||||
<p>
|
||||
It is commonplace to provide a button on a node to allow users to collapse and expand subtrees as they wish.
|
||||
<b>GoJS</b> makes this easy to implement by providing a predefined kind of <a>Panel</a>, named "TreeExpanderButton",
|
||||
that acts as a button to collapse and expand the subtree of a node.
|
||||
This button changes the visibility of all parts of the subtree except for the node itself.
|
||||
</p>
|
||||
<p>
|
||||
Clicking on an expander button also invalidates the layout that is reponsible for the node.
|
||||
Collapsing a subtree often results in a large empty area,
|
||||
and expanding a subtree often results in overlapping nodes,
|
||||
so a new layout ought to be performed again to make the tree look better.
|
||||
</p>
|
||||
<pre class="lang-js" id="tree">
|
||||
diagram.nodeTemplate =
|
||||
$(go.Node, "Horizontal",
|
||||
$(go.Panel, "Auto",
|
||||
$(go.Shape, "Ellipse", { fill: null }),
|
||||
$(go.TextBlock,
|
||||
new go.Binding("text", "key"))
|
||||
),
|
||||
$("TreeExpanderButton")
|
||||
);
|
||||
|
||||
diagram.layout = $(go.TreeLayout);
|
||||
|
||||
var nodeDataArray = [
|
||||
{ key: "Alpha" }, { key: "Beta" }, { key: "Gamma" }, { key: "Delta" },
|
||||
{ key: "Epsilon" }, { key: "Zeta" }, { key: "Eta" }, { key: "Theta" }
|
||||
];
|
||||
var linkDataArray = [
|
||||
{ from: "Alpha", to: "Beta" },
|
||||
{ from: "Beta", to: "Gamma" },
|
||||
{ from: "Beta", to: "Delta" },
|
||||
{ from: "Alpha", to: "Epsilon" },
|
||||
{ from: "Epsilon", to: "Zeta" },
|
||||
{ from: "Epsilon", to: "Eta" },
|
||||
{ from: "Epsilon", to: "Theta" }
|
||||
];
|
||||
diagram.model = new go.GraphLinksModel(nodeDataArray, linkDataArray);
|
||||
</pre>
|
||||
<script>goCode("tree", 600, 200)</script>
|
||||
<p>
|
||||
Notice that if you first collapse the "Beta" node and then collapse the "Alpha" root node,
|
||||
if you then expand the "Alpha" node, the "Beta" node remains collapsed, whereas the "Epsilon" node remains expanded.
|
||||
This is because the collapsing operation remembers the state of nodes within the subtree,
|
||||
as the property <a>Node.wasTreeExpanded</a>.
|
||||
The expanding operation respects the value of that property when recursing through the subtree.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
You may also want to start off the tree mostly or completely collapsed.
|
||||
First, set <a>Node.isTreeExpanded</a> to false in the template.
|
||||
That will cause only the roots of the tree to be shown.
|
||||
Second, if you want to show three levels of the tree, call <a>Node.expandTree</a>.
|
||||
</p>
|
||||
<pre class="lang-js" id="tree2">
|
||||
diagram.nodeTemplate =
|
||||
$(go.Node, "Horizontal",
|
||||
{ isTreeExpanded: false }, // by default collapsed
|
||||
$(go.Panel, "Auto",
|
||||
$(go.Shape, "Ellipse", { fill: null }),
|
||||
$(go.TextBlock,
|
||||
new go.Binding("text", "key"))
|
||||
),
|
||||
$("TreeExpanderButton")
|
||||
);
|
||||
|
||||
diagram.layout = $(go.TreeLayout);
|
||||
|
||||
// After the nodes and links have been created,
|
||||
// expand each of the tree roots to 3 levels deep.
|
||||
diagram.addDiagramListener("InitialLayoutCompleted", function(e) {
|
||||
e.diagram.findTreeRoots().each(function(r) { r.expandTree(3); });
|
||||
});
|
||||
|
||||
var nodeDataArray = [
|
||||
{ key: "Alpha" }, { key: "Beta" }, { key: "Gamma" }, { key: "Delta" },
|
||||
{ key: "Epsilon" }, { key: "Zeta" }, { key: "Eta" }, { key: "Theta" },
|
||||
{ key: "Iota" }, { key: "Kappa" }, { key: "Lambda" }
|
||||
];
|
||||
var linkDataArray = [
|
||||
{ from: "Alpha", to: "Beta" },
|
||||
{ from: "Beta", to: "Gamma" },
|
||||
{ from: "Beta", to: "Delta" },
|
||||
{ from: "Alpha", to: "Epsilon" },
|
||||
{ from: "Epsilon", to: "Zeta" },
|
||||
{ from: "Epsilon", to: "Eta" },
|
||||
{ from: "Eta", to: "Theta" },
|
||||
{ from: "Gamma", to: "Iota" },
|
||||
{ from: "Iota", to: "Kappa" },
|
||||
{ from: "Iota", to: "Lambda" }
|
||||
];
|
||||
diagram.model = new go.GraphLinksModel(nodeDataArray, linkDataArray);
|
||||
</pre>
|
||||
<script>goCode("tree2", 600, 200)</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user