かんばんタスク管理ウィジェット
  • 13 May 2024
  • 1 読む分
  • 寄稿者

かんばんタスク管理ウィジェット


Article Summary

シンプルなカンバンボードでアプリのタスク管理を効率化する

::: (info) () ライブラリコンテンツへのリンクhttps://tulip.co/library/apps/kanban-task-management-widget :::

*注意 - これはより高度なウィジェットであり、最高の機能を得るためにはコネクタとテーブルアプリの使用が必要です。完全な機能を得るためには、コネクタとtulip table apiの経験が必要です。

目的

カンバンボードウィジェットは、カラムにカードを表示するインタラクティブウィジェットです。カードは列間でドラッグできます。

生産スケジュール管理のためのカンバンカードや生産指示を表示したり、日々の管理プロセスのためのタスクやアクションを実行するために使用できます。

セットアップ

ウィジェットには以下のパラメータがあります。

  • ボードタイトル - テキスト - ボードに名前を付けます。
  • 列 - テキストリスト - 表示したい列の名前。リストの順番で左から右に表示されます。カードは、(column = card.status)にマッチするカラムに表示されます。大文字と小文字を区別するので、"Done "と "done "は一致しない。 カードのステータスが列と一致しない場合、カードは表示されません。
  • カンバンカード - オブジェクトリスト - 表示したいカード。各オブジェクトは、以下のプロパティを含む必要があります。
  • id - テキスト - 一意なID
  • title - テキストです。
  • 説明 - テキスト
  • dueDate - text - 期限日
  • status - text - カードが表示される列。完全一致でなければならない。
  • 所有者 - テキスト

!!テーブル API への Tulip コネクタを使用して、このウィジェットを Tulip テーブルに接続できます。Tulip Table APIリファレンスを参照してください。

イベント

  • cardUpdate - オブジェクト - カードが新しい列にドラッグ&ドロップされたときに発生します。必要であれば、テーブルの更新またはコネクタの呼び出しをトリガして、真実のソースの列の移動でカードを更新するために使用します。
  • cardClick -オブジェクト - カードがクリックされたときにトリガーされます。カンバンカードのオブジェクトと同じプロパティを持つ単一のカードオブジェクトを返します。 仕組み

ウィジェットは、かんばんカードの入力プロップから、定義されたカラムにカードをレンダリングします。列名はステータスと一致する必要があります。一致しないステータスは表示されません。

ユーザーは、カードを新しい列にドラッグ&ドロップすることができます。これは、コネクタまたはテーブルレコードの更新を使用して、ソースオブトゥルースでカードを更新するために使用できるイベントをトリガします。カードをクリックすると、編集のためにカードをロードするなど、アプリで使用できるイベントもトリガされます。

詳細情報

カスタムウィジェットの詳細については、以下のサイトを参照してください:


この記事は役に立ちましたか?