多選

多選組件會要求使用者從清單中選取多個項目。以下列表顯示範例

@ShellComponent
public class ComponentCommands extends AbstractShellComponent {

	@ShellMethod(key = "component multi", value = "Multi selector", group = "Components")
	public String multiSelector() {
		List<SelectorItem<String>> items = new ArrayList<>();
		items.add(SelectorItem.of("key1", "value1"));
		items.add(SelectorItem.of("key2", "value2", false, true));
		items.add(SelectorItem.of("key3", "value3"));
		MultiItemSelector<String, SelectorItem<String>> component = new MultiItemSelector<>(getTerminal(),
				items, "testSimple", null);
		component.setResourceLoader(getResourceLoader());
		component.setTemplateExecutor(getTemplateExecutor());
		MultiItemSelectorContext<String, SelectorItem<String>> context = component
				.run(MultiItemSelectorContext.empty());
		String result = context.getResultItems().stream()
				.map(si -> si.getItem())
				.collect(Collectors.joining(","));
		return "Got value " + result;
	}
}

以下螢幕錄影展示典型的多選組件

環境物件為 MultiItemSelectorContext。下表描述其環境變數

表 1. MultiItemSelectorContext 範本變數
描述

values

組件存在時傳回的值。

rows

可見項目,其中 rows 包含 name、selected、on-row 和 enabled 項目的映射。

model

父層環境變數(請參閱 SelectorComponentContext 範本變數)。