AGグリッドドキュメントを使用して生産性を最大化
6122 ワード
私たちは、良いドキュメントが開発者が彼らのゴールを達成するのを援助すると理解して、私たちは、我々のドキュメンテーションに多くの努力をしました.このポストでは、生産性を大幅に改善することができるドキュメントのいくつかの機能を強調したい.
AG Gridは、非公式のデータ・グリッドですAngular , React and Vue バニラに加えてJavascript/Typescript 提供
あなたが想像できるように、グリッドと対話する方法は、使用しているフレームワークに依存します.その結果、私たちはあなたのフレームワークに基づくドキュメンテーションコード断片と例をカスタマイズします.また、選択したテキストコンテンツにフレームワーク固有のメモを追加します.
それはあなたのための最も正確なドキュメントを表示するには、フレームワークを選択することが重要です理由です.例として、次のコード例で、フレームワークの選択に基づいて列定義の変更方法を参照してください.
我々のドキュメンテーションのもう一つの重要な特徴は、すべてのグリッド/チャート機能のために完全なコード例を提供する我々のコミットメントです.コードを直接プロジェクトにコピーすることを可能にするために、各フレームワークに書かれた例を作成します.
書き込み時には、サポートされているすべての次のフレームワークのバリエーションがあります. ジャバスクリプト 角度 反応-フック/クラス Vue - 2/3
フレームワークのバリエーションを変更するときの例を再読み込みします.
ソースコードを表示するには、例のランナーのサイドメニューを使用します.
以前の投稿では、機能モジュールの使い方を説明しましたminimise your application bundle size . このアプローチに必要なコードの一部は、フィーチャーモジュールの登録です.
開発者として、それは非常に機能モジュールが指定された機能のために必要であることを確認できるように便利です.私たちのモジュールの例はそれだけです.機能モジュールの登録には、アプリケーションにインポートするモジュールを知ることができます.
モジュールとパッケージのインポートパスは異なります.ので、変更を行う必要がなく、アプリケーションのセットアップと一致する形式を使用することなく、我々の例からコードをコピーできるようにします.
パッケージには以下のようなインポートがあります.
すべての例では、クリックして、ボタンをクリックして、デモを自動的にあなたのための準備ができて準備ができて準備ができて開くと、実験を開きます.これは、いつでもDEV環境を設定することなく、機能で手を得ることができます.
すぐに我々の次のリリースでは、TypesScriptと角度の例では、それも簡単に実験することができますプランナーの中でエラーと自動補完を持っている!
一度フレームワークと例のバリエーションを選択したときに、これらのように、あなたが継続的にこれらの設定を更新する必要はありませんドキュメントをナビゲートするように覚えておいてください.我々はこれを可能な限り生産的であり、簡単に私たちの例からコードを取るし、シームレスにアプリケーションを統合することができます願っています.
あなたはそれが私たちを介して前のバージョンでされたとして、全体のドキュメントサイトを表示することができます知っている価値があるarchive . しかし、私はあなたが最新バージョンで矛盾を見つけるならば、それを推薦するだけです.
私はこれらのヒントは、私たちのドキュメントを使用して生産性を向上させ、素晴らしいアプリケーションを構築できるようになることを期待AG Grid ! いつものように私たちはコメントのセクションでは、ドキュメントをさらに良くするためにユーザーとして持っている任意のアイデアがある!
フレームワーク
AG Gridは、非公式のデータ・グリッドですAngular , React and Vue バニラに加えてJavascript/Typescript 提供
あなたが想像できるように、グリッドと対話する方法は、使用しているフレームワークに依存します.その結果、私たちはあなたのフレームワークに基づくドキュメンテーションコード断片と例をカスタマイズします.また、選択したテキストコンテンツにフレームワーク固有のメモを追加します.
それはあなたのための最も正確なドキュメントを表示するには、フレームワークを選択することが重要です理由です.例として、次のコード例で、フレームワークの選択に基づいて列定義の変更方法を参照してください.
ジャバスクリプト
角度
反応する
Vue
フレームワーク固有のコード
我々のドキュメンテーションのもう一つの重要な特徴は、すべてのグリッド/チャート機能のために完全なコード例を提供する我々のコミットメントです.コードを直接プロジェクトにコピーすることを可能にするために、各フレームワークに書かれた例を作成します.
書き込み時には、サポートされているすべての次のフレームワークのバリエーションがあります.
フレームワークのバリエーションを変更するときの例を再読み込みします.
ソースコードを表示するには、例のランナーのサイドメニューを使用します.
モジュール対パッケージ
以前の投稿では、機能モジュールの使い方を説明しましたminimise your application bundle size . このアプローチに必要なコードの一部は、フィーチャーモジュールの登録です.
開発者として、それは非常に機能モジュールが指定された機能のために必要であることを確認できるように便利です.私たちのモジュールの例はそれだけです.機能モジュールの登録には、アプリケーションにインポートするモジュールを知ることができます.
import { ModuleRegistry } from '@ag-grid-community/core';
import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
import { RangeSelectionModule } from '@ag-grid-enterprise/range-selection';
// Register the required feature modules with the Grid
ModuleRegistry.registerModules([
ClientSideRowModelModule,
RangeSelectionModule,
]);
あるいは、あなたがpackages
モジュール登録が必要ですので、より簡潔なコードを与えることができます.正しいインポートパス
モジュールとパッケージのインポートパスは異なります.ので、変更を行う必要がなく、アプリケーションのセットアップと一致する形式を使用することなく、我々の例からコードをコピーできるようにします.
パッケージには以下のようなインポートがあります.
import { ColDef, GridOptions } from 'ag-grid-community';
モジュールには以下のようなインポートがあります:import { ColDef, GridOptions } from '@ag-grid-community/core';
実験装置
すべての例では、クリックして、ボタンをクリックして、デモを自動的にあなたのための準備ができて準備ができて準備ができて開くと、実験を開きます.これは、いつでもDEV環境を設定することなく、機能で手を得ることができます.
すぐに我々の次のリリースでは、TypesScriptと角度の例では、それも簡単に実験することができますプランナーの中でエラーと自動補完を持っている!
あなたの好みは記憶されます
一度フレームワークと例のバリエーションを選択したときに、これらのように、あなたが継続的にこれらの設定を更新する必要はありませんドキュメントをナビゲートするように覚えておいてください.我々はこれを可能な限り生産的であり、簡単に私たちの例からコードを取るし、シームレスにアプリケーションを統合することができます願っています.
Agグリッドの以前のバージョン
あなたはそれが私たちを介して前のバージョンでされたとして、全体のドキュメントサイトを表示することができます知っている価値があるarchive . しかし、私はあなたが最新バージョンで矛盾を見つけるならば、それを推薦するだけです.
結論
私はこれらのヒントは、私たちのドキュメントを使用して生産性を向上させ、素晴らしいアプリケーションを構築できるようになることを期待AG Grid ! いつものように私たちはコメントのセクションでは、ドキュメントをさらに良くするためにユーザーとして持っている任意のアイデアがある!
Reference
この問題について(AGグリッドドキュメントを使用して生産性を最大化), 我々は、より多くの情報をここで見つけました https://dev.to/ag-grid/maximise-your-productivity-with-ag-grid-documentation-4bbiテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol