dhtmlxTree ディレクトリに右クリック メニューとドラッグ アンド ドロップの並べ替えを追加する方法 Tree_PHP チュートリアル

以前の会社の内部管理システム（InnerOA）では、ディレクトリツリーの構造にdTreeを使用して、無制限のディレクトリ表示と右クリックメニュー機能を実現していました（右クリックメニューには、作成、変更、共有、削除、更新が含まれます） 、などの機能、下の図に示すように)

会社の内部管理システム (InnerOA) のディレクトリ ツリーに関するいくつかの知識は、時間があるときにコンパイルされ、ソース コードとともに提供されます。

ただ、dTreeの唯一の残念な点は、InnerOA完成後ずっと悩んでいたドラッグ＆ドロップによる並べ替え機能に対応していないことです。インターネット上のディレクトリ ツリーに関するコンテンツをいくつか確認した結果、現在、私のプロジェクトに最も適していると考えているのは dTree です。偶然、私は別の強力なディレクトリ ツリーを発見しました。これは、この記事で言及しているものです。dhtmlxTree は、ドラッグ アンド ドロップ機能をサポートしています。しかし、ソース コードには同様のデモや関数が見つからず、ドラッグを有効にする機能が提供されていることがわかりました。パラメータですが、これにより、ディレクトリ ツリーのドラッグ アンド ドロップによる並べ替えの問題も解決しようと決意するようになりました。そのため、時間をかけてソース コードを研究し、dTree プロジェクトでまとめられた経験と組み合わせることで、最終的に自分のニーズを実現しました。自由なドラッグアンドドロップの並べ替え、dTree の右クリック メニュー機能の移植、選択したディレクトリ上での右クリックとポップアップ メニューを実現します。 現在のディレクトリに基づいて次の操作を実行できます。

1. このディレクトリの下に新しいディレクトリを作成します

2. 現在のディレクトリ名を変更します

3. 現在のディレクトリを削除します

4. ページを更新します

5.「共有」などの他の機能も追加できます。社内管理システム（InnerOA）では、Windowsオペレーティングシステムの共有をプロトタイプとして使用し、「自己読み取り共有」または「書き込み可能共有」を設定し、特定のユーザー（または複数のユーザー）への共有を指定できます。すべてのユーザーでも)。これにより、共有を設定したユーザーのみが共有コンテンツを閲覧できるようになります。

オンラインでデモンストレーションすることはできないため、説明するためにいくつかの写真を示します (ソース コードのダウンロード: http://download.csdn.net/detail/zm2714/4544616):

1. 任意のディレクトリを右クリックして新しいディレクトリを作成できます

2. 任意のディレクトリを右クリックして、現在のディレクトリを変更できます。ルートディレクトリを除く。

上の図は次のことを説明しています: ルート ディレクトリは変更できません。つまり、図内の書籍は変更できません。この ID 値は -1 です。特別なIDです。フラグはルートディレクトリです。

上の図の説明: 他のディレクトリは変更できます。実際に使用する場合は、データベース内のディレクトリの ID 値になります。上図では、「ディレクトリ ccc」の ID 値は 3 です。

上の画像の手順: 名前を変更した後、[保存] をクリックします。

3. ルートディレクトリ以外の任意のディレクトリをドラッグして並べ替えることができます。

ドラッグアンドドロップソートの原理: 選択したいディレクトリを親ディレクトリにドラッグすると、その時間が現在時刻に更新されます。時間 DESC で並べ替えます。これは「親ディレクトリ」の最初に表示されます。この操作をループしてソート機能を実装します。

2. コードの実装

1. js ファイルとスタイル ファイルを参照します

コードは次のとおりです:

< ;link rel= "STYLESHEET" type="text/css" href="tree/dhtmlxtree.css">



2. プログラムの実装

コードをコピー

コードは次のとおりです:

 

 

• 新規


• ;span class="m">変更


• 削除


• 更新

上記のソースコードのステートメントはテスト中に復元でき、必要な値を表示できます。この記事で説明されている機能を理解し、実際のプロジェクトにすぐに適用するのに役立ちます。また、コミュニケーションも歓迎します。

dhtmlXTree の詳細な使用方法は、この記事の範囲を超えています。 dhtmlXTree の使用についてはオンライン チュートリアルを参照してください。

http://www.bkjia.com/PHPjc/326767.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/326767.html技術記事以前の会社の社内管理システム(InnerOA)では、無制限のディレクトリ表示と右クリックメニュー機能を実現するために、ディレクトリツリーの構造にdTreeを使用していました(右クリックメニューには...

)