VDS コンポーネント
VDS は Vtiger Design Systems の略で、VTAP プラットフォームによって提供されるコア HTML コンポーネントを定義します。 VDS は、再利用可能な UI ブロックであるコンポーネントを提供します。
コンポーネントを使用して、アプリケーションを構築およびカスタマイズできます。 カスタム ページ、ウィジェット、ポップアップ、または他のカスタム コンポーネント内など、どこでも使用できます。
以下は、VTAP が提供するコンポーネントのリストです。
vds-テキスト
: 入力ボックスに使用されます。 ユーザーが情報を入力できるようにします。
構文:
属性の詳細:
テキストに加えて、VDS は他の入力タイプもサポートしています。 例えば：
これらのコンポーネントはすべて異なる入力タイプです。 これらには vds-text タイプのプロパティがありますが、独自の入力タイプの検証が付属しています。
Vds-ドロップダウン
使用します。 指定されたアイテムのリストでドロップダウンを表示するには
構文：
サポートされる属性:
vds 所有者
使用します。 ユーザーとグループをドロップダウンとして表示するインタラクティブなコンポーネントです。 これは、CRM の任意のモジュールの担当者フィールドと同じになります。
vds-チェックボックス
使用します。 チェックボックス入力を表示するには
vds スイッチ
使用します。 トグルを表示するには
vds-datepicker
使用します。 任意の日付フィールドの日付ピッカーを表示するには。
vds-daterange-picker
使用します。 日付ピッカーを表示して日付の範囲を選択するには
vds-タイムピッカー
使用します。 タイム ピッカーを表示するには
vds-rte
使用します。 CKEditor を表示するには、リッチ テキスト エディター フィールドに表示されているフィールド UI
vds-評価
使用します。 星評価欄を表示します。 星は最大5つ表示されます。
vds-iframe
使用します。 指定された HTML コンテンツで iframe を表示するには
vds-進行状況
使用します。 進捗率を表示するには
VTAP 顧客のユースケース
ある顧客は、別のアプリケーションを使用してプロジェクトと進捗を追跡しています。
彼らは Vtiger Projects の使用を開始したいと考えていましたが、Vtiger Projects を使用する上での XNUMX つのハードルはユーザー インターフェイスでした。 インターフェースは、顧客が望んでいたように、プロジェクトの XNUMX つの画面でマイルストーンとタスクの完全な詳細を提供していませんでした。
このハードルを克服するために、次のソリューションを提案しました。
ローコード プラットフォームのモジュール デザイナーを使用して、3 つの部分に分割されるページを設計できます。
最初の部分にはプロジェクトのリストが表示され、次の部分には選択したプロジェクトにリンクされたマイルストーンが表示され、3 番目の部分には選択したプロジェクトとマイルストーンにリンクされたタスクが表示されます。 右側に電子メールとその内容を表示する Outlook メールボックスに似ています。 この場合、その XNUMX レベルは最後にタスクの詳細を表示します。
この機能を構築するには、「LIST_ADD_VIEWTYPE' 成分。 見る ここ 例として挙げられる。
次に、VTAP.API.Get 関数を使用して、プロジェクト、プロジェクト マイルストーン、およびタスク データを取得します。 それらは別々の列に表示されますが、まだ一緒に接続されています。 からコードをコピーできます。 ここ 実際に見てみましょう。
Vtiger APPtitude
私たちが好きなツール
Elasticsearch は、データ サイエンスに興味がある場合に貢献できる優れたオープン ソース プロジェクトです。 大量のデータをリアルタイムで分析、検索、保存できます。 Elasticsearch は、ユーザーがさまざまな方法でデータを活用するのに役立ちます。
近日公開
アプリデザイナー
VtigerのApp Designerを使用すると、CRMに依存する場合と依存しない場合があるカスタムアプリを構築できます. これにより、専門知識のある JavaScript フレームワークでアプリを作成する柔軟性が得られます。
強力な VTAP JavaScript API を使用して、CRM に接続し、CRM からデータをプッシュ/プルして、カスタム アプリケーションを簡単に構築することもできます。
サインアップして最新のアップデートを受け取りましょう!
私は プライバシーポリシーをご覧ください。 Vtigerの。
