今日は仕事で、需要を満たし、ツリー構造を展開したり閉じるためのキーの必要性があります。ツリー構造について非常に精通していないし、百度に行って、その結果は非常に正確ではありません。最後に、Googleの後に見つけることができます。ここではあなたに共有します
コードで直接見て：
1つの VARのフラグ= 真。// 开启还是关闭的标志位 2 関数change_tree（ターゲット）{ 3 であれば（フラグ）{ 4 // $のtable.treegrid（ 'getRootNodes'）treegrid（ '展開'）。 5 // $ table.treegrid（ 'GETPARENTNODE'）treegrid（ '拡張'）。 6 $のtable.treegrid（ 'expandAll' ）; 7 フラグ=！国旗; 8 } 他{ 9 // 。$ table.treegrid（ 'getRootNodes'）treegrid（ '崩壊'）。 10 // $ table.treegrid（ 'GETPARENTNODE'）。 11 $のtable.treegrid（ 'collapseAll' ）; 12 フラグ=！国旗; 13 } 14 }
上記の折り畳みは、以下の開発です。フラグを使用すると、別のコードを実行するたびがあります。そして、アクセスを容易に、以下に添付のフォームを見つける（侵入は削除）
一般的に使用される設定オプションは、この表のことができると私を見に一緒に
| パラメータ | タイプ | デフォルト値 | 説明 |
| TREECOLUMN | 数値 | 0 | どの列ツリーテーブル |
| 初期状態 | 弦 | 拡大 | 状態ツリーの初期化 すべてのノードが展開- 「拡大」 「崩壊」 -すべてのノードが崩壊しているが |
| 良心 | ブーリアン | 偽 | ツリーが保存されるときの状態は再び真のツリーをページをロードする場合 |
| saveStateMethod | 弦 | クッキー | 「クッキー」 -クッキーの状態保存 「ハッシュ」を-ハッシュの状態を保存します |
| saveStateName | 弦 | ツリーグリッド状態 | の名前やクッキーハッシュで状態を保存するには |
| expanderTemplate | 弦 | <スパンクラス= "treegridエキスパンダー"> </ span>を | あなたがHTML要素をクリックしたときに枝を崩壊または拡張 |
| expanderExpandedClass | 弦 | treegridエキスパンダー展開 | それは、拡張要素を使って拡張することができた場合 |
| expanderCollapsedClass | 弦 | treegridエキスパンダー-崩壊 | 折り畳んだとき、それは、拡張要素を使用することができます |
| indentTemplate | 弦 | <スパンクラス= "treegrid-インデント"> </ span>を | HTML要素が深くネストされたノードを入力されます |
ここでは、その後のハイライト、つまり、我々がするために使用される方法のいくつかは、パッケージのあずかるありますさ。あなたは自分自身にアクセスすることができます
| メソッド名 | 説明 | 例 |
| getRootNodes | ツリーのルートを返します。 |
|
| getNodeId | ノードIDを返します。 | もし（$（ '＃ノード-2'）treegrid（ 'getNodeId'）=== 2。）{ //ノード2で何かします }; |
| getParentNodeId | ノードがルートIDであるか、nullを返した場合、親ノードを返します。 | もし（$（ '＃ノード-2'）treegrid（ 'getParentNodeId'）=== 2。）{ //親ノードIDがあれば何かをする2 }; |
| getAllNodes | ツリーのすべてのノードを返します。 | すべてのノード//検索 $（ '＃ツリー-1'）。treegrid（ 'getAllNodes'）。各（関数（）{ 場合（$（この）.treegrid（ "にisLastは"））{ //すべての最後に何かをしますノード } }）。 |
| GETPARENTNODE | 親ノードがルートノードで返し、またはそれはnullを返します | //親ノードを展開 $（ '＃ノード-2'）をtreegrid（ 'GETPARENTNODE'）treegrid（ '崩壊'）。。。 |
| GETCHILDNODES | ノードの子を返しますまたはノードが葉ノードである場合は、nullを返します | //子ノードを展開 $（ '＃ノード-2'）をtreegrid（ 'GETCHILDNODES'）treegrid（ '拡張'）。。。 |
| getDepth | 戻るネストされた枝木の深さ | //すべてのノードを第2ネスト展開 $（ 'ツリー'）。（' TR '）を見つける。各（関数（）{ IF（$（この）.treegrid（' getDepth'）<2）{ $（この）。 treegrid（ '展開'）; } }）。 |
| isNode | 要素ノードがある場合はtrueを返します | 。。$（ '＃ツリー-1'）（ 'TR'）それぞれを見つける（機能（）{ 場合（$（この）.treegrid（ "isNode"））{ //何かします } }）; |
| isLeaf | 有するノードは、それを残し | // hide all files $('.tree').find('tr').each(function(){ if ($(this).treegrid('isLeaf')){ $(this).hide(); } }); |
| isLast | 如果节点在最后，则返回true | // hide all last elements $('.tree').find('tr').each(function(){ if ($(this).treegrid('isLast')){ $(this).hide(); } }); |
| isFirst | 如果节点在第一个，则返回true | // hide all last elements $('.tree').find('tr').each(function(){ if ($(this).treegrid('isFirst')){ $(this).hide(); } }); |
| isExpanded | 节点是展开的吗 | if($('#node-2').treegrid('isExpanded')){ // Do something if node expanded }; |
| isCollapsed | 节点是折叠的吗 | if($('#node-2').treegrid('isCollapsed')){ // Do something if node collapsed }; |
| isOneOfParentsCollapsed | 至少一个节点是折叠的吗 | if($('#node-2').treegrid('isOneOfParentCollapsed')){ // Do something if one of parent collapsed }; |
| expand | 展开节点 | $('#node-2').treegrid('expand'); |
| collapse | 折叠节点 | $('#node-2').treegrid('collapse'); |
| expandRecursive | 节点递归展开 | $('#node-2').treegrid('expandRecursive'); |
| collapseRecursive | 节点递归折叠 | $('#node-2').treegrid('collapseRecursive'); |
| expandAll | 展开所有节点 | $('#tree').treegrid('expandAll'); |
| collapseAll | 折叠所有节点 | $('#tree').treegrid('collapseAll'); |
| toggle | 当处于展开状态的时候将节点折叠 当处于折叠状态的时候将节点展开 |
$('#node-2').treegrid('toggle'); |
| render | 重绘节点及其子节点 | $('#node-2').treegrid('render'); |