典型的なExtJSベースのアプリケーション

この記事では、ExtJSが最もよく解決するタスクと、このライブラリに基づいた典型的なアプリケーションについて説明します。 この記事は、次の記事の紹介であり、以前からこのライブラリで作業したことがある人向けに既に設計されています。 同時に、この記事は独立しています。将来参照するつもりはないからです。



この資料は私の個人的な経験に基づいています。



ExtJSライブラリは、プロジェクトの管理部分およびレポートに関連するプロジェクトに最適です。 私の経験は、後者のタイプのいくつかのプロジェクトの作成に基づいています。



私が扱ったレポートはすべて、原則として形式が同じです。 それらは次のように図式的に見えます:



画像



もちろん、このタイプのビューは他の多くのプロジェクトの特徴でもありますが、レポートプロジェクトには当然のように類似したタイプがあります。 次に、さらにいくつかの機能を説明し、私が何に導くのかを説明します。



ナビゲーション領域では、メニューはツリー状であるか、リストで作成されるか、「アコーディオン」とツリー状/リストメニューの組み合わせとして作成されます。 コンテンツ領域にはグリッドがあります。 レポートの場合、通常、編集する機能はありません。 プロジェクトのさまざまな設定の場合、グリッドの上部ツールバーに追加/削除ボタンがあります。 ほとんどの場合、編集ボタン用の場所もあります(ただし、ExtJSでは、EditorGridPanelコンポーネントの行でレコードを直接編集できます)。



このタイプのアプリケーションは、ExtJSを使用して簡単かつ簡単に実装されます。 これには、アプリケーションのワークスペースであるビューポートコンポーネントがあります。 他のノードがマウントされる「ルート」パネル。 レポートを例にとると、これらのノードは「ナビゲーションエリア」と「コンテンツエリア」になり、典型的なExtJSアプリケーションのフレームワークを提供します。 実際のところ、これはまさに「 組み合わせサンプル 」セクションのほとんどのアプリケーションが公式Webサイトの例でどのように構築されるかです。



ナビゲーション要素とコンテンツ領域について-このライブラリの典型的なコンポーネントは次のとおりです。さまざまなボタン、アコーディオン、ツリー、グリッド。 すべてが高度にカスタマイズ可能であり、優れたドキュメントがあります。 私の経験から判断すると、完全ではありませんが、すべてのコンポーネントのドキュメントの99%が真実です。 ドキュメントには例がたくさんあり、迷子になるのは非常に困難です。 図書館には活発なコミュニティもあり、フォーラムは常にあなたの質問にすぐに答えます(多くの場合、日中)。 したがって、レポートシステムまたはプロジェクトの管理者部分を開発するタスクがあり、成熟したJSフレームワークを探している場合は、ExtJSに精通することを強くお勧めします。



次の記事では、私自身がネットワーク上で見つけられなかったものについてお話します。 ExtJSを使用した中規模/大規模プロジェクトの設計について。 美しく正確にそれを維持する方法については、喜びでした。



All Articles