Hello, Paul!
It would be the Ext JS's
Tag Field.
You can try the deprecated
multiSelect="true"
, but that's going to be removed in a future release without further notice, so it doesn't sound safe to rely on it.
Page View
@page
@model ExtNet7WebPages_NuGet.Pages.Forums._6._3._0_2.t63161_comboBoxMultiSelectModel
@{ Layout = null; }
<!DOCTYPE html>
<html>
<head>
<title>
63161 - ComboBox for multiple selection
</title>
</head>
<body>
<h1>
MultiSelect alternative to Ext.NET 7
</h1>
<p>
This is a simple and pure combo box
</p>
<ext-comboBox fieldLabel="Simple combo" displayField="text" valueField="id">
<store>
<ext-store data="@Model.ComboData" />
</store>
</ext-comboBox>
<p>
The <code>x-multiSelect</code> property forces passing <code>multiSelect: true</code>
to the rendered scripts thus using the deprecated setting. This may stop working
at any moment without previous notice and its current implementation is not
guaranteed to work 100%.
</p>
<ext-comboBox fieldLabel="Deprecated combo" displayField="text" valueField="id" x-multiSelect="true">
<store>
<ext-store data="@Model.ComboData" />
</store>
</ext-comboBox>
<p>
The <code>ext-tagField</code> component is an extension of the <code>ext-comboBox</code>
that properly implements multiple selection.
</p>
<ext-tagField fieldLabel="TagField combo" displayField="text" valueField="id">
<store>
<ext-store data="@Model.ComboData" />
</store>
</ext-tagField>
</body>
</html>
Model
using System.Collections.Generic;
using Microsoft.AspNetCore.Mvc.RazorPages;
namespace ExtNet7WebPages_NuGet.Pages.Forums._6._3._0_2
{
public class t63161_comboBoxMultiSelectModel : PageModel
{
public List<object> ComboData = new List<object>()
{
new { id = 1, text = "One"},
new { id = 2, text = "Two"},
new { id = 3, text = "Three"},
new { id = 4, text = "Four"},
new { id = 5, text = "Five"},
new { id = 6, text = "Six"},
new { id = 7, text = "Seven"},
new { id = 8, text = "Eight"},
new { id = 9, text = "Nine"},
new { id = 10, text = "Ten"},
new { id = 11, text = "Eleven"}
};
public void OnGet()
{
}
}
}
Hope this helps!