ドロップダウンワークフローリストはSpreadJSにおけるドロップダウンの一種で、ワークブックのセルスタイルとしてJavaScriptコードで定義することができます。 開発者は、リストの項目と、ユーザが選択したときに遷移する項目を指定することができます。 以下のスプレッドシートの「ワークフローリスト」でさまざまな項目を選択して、オプションがどのように変化するかを確認してみてください。
ドロップダウンワークフローリストはSpreadJSで利用可能なドロップダウンの一つで、ユーザーはスタイルで定義されたワークフロー項目を簡単に選択できます。
SpreadJSでは、9種類の組み込みドロップダウンメニューを使用でき、これはワークフローリストの機能を提供します。ワークフローリストを開く前に、セルのスタイルでオプションデータを設定する必要があります。
次のようなコードでワークフローリストドロップダウンを使用できます:
// ドロップダウンアイコンをクリックしてワークフローリストを開きます。
let style = new GC.Spread.Sheets.Style();
style.cellButtons = [
{
imageType: GC.Spread.Sheets.ButtonImageType.dropdown,
command: "openWorkflowList",
useButtonStyle: true,
}
];
style.dropDowns = [
{
type: GC.Spread.Sheets.DropDownType.workflowList,
option: {
items: [
{ value: "New", transitions: [1] },
{ value: "Open",transitions: [0,2,3,5] },
{ value: "In Progress", transitions: [1, 3, 5] },
{ value: "Resolved", transitions: [5, 4] },
{ value: "Reopened",transitions: [5, 3, 2] },
{ value: "Closed", transitions: [4] },
]
}
}
];
sheet.setText(4, 4, "Workflow List");
sheet.setStyle(5, 4, style);
// ドロップダウンボタンをクリックではなく、コマンドでワークフローリストを開きます。
spread.commandManager().execute({cmd:"openWorkflowList",row:5,col:4,sheetName:"Sheet1"});
ワークフローリストのオプションは、次のような構造に従う必要があります:
export interface IWorkFlowOption {
items: IWorkFlowItem[];
}
export interface IWorkFlowItem {
value: string;
transitions: number[]|string[];
}