Filtering options for a combobox

I currently have a log-on dialogue box which I present to users when they wish to log onto a target system. As I have quite a number of possible target systems, I offer them a combobox in which they can type the first few letters of their chosen target system. This currently looks like the following:

enter image description here

Some of these target systems have an attribute which means that the user does not need specify their password on connection (SSO), these are listed with a slightly different display name (in the example above, I have denoted it in brackets after the system name).

I was thinking to make things a bit easier for the users to select an SSO system, that I would add a checkbox to filter the list of system names in the combobox, so only SSO entries were shown, so something like the following:

enter image description here

The only issue with the above is that for some reason it doesn’t look as intuitive as it could be (in my opinion) because as dialogues flow from left to right, top to bottom, you have to immediately go right to check the box, then left to choose your system.

Is there a nicer way to present this filtering option to users?

¿Como dar estilo al primer ítem seleccionado desde un Combobox con Vuetify?

Buen día comunidad les comento, estoy intentando agregar un estilo al primer ítem que se selecciona a través de un Combobox Component usando Vuetify, recordando que siempre y cuando los demás items mantengan sus estilos, solo se dará estilo al primer ítem que se selecciona, y resaltando que no importa el orden que se selecciona los items, siempre se dará un estilo al primer ítem seleccionado.

Llevo un avance en lo cual, solo realizó modificaciones de estilos usando solo CSS, pero tengo un poco el conocimiento que también interviene Javascript para obtener el primer ítem, hasta ahora no tengo idea de como lograr eso.

Muestro la imagen, donde espero aplicar la solución: Avance del problema

Como se aprecia, a través de CSS logro dar estilos a los items, pero no es lo que espero, porque aplica estilos a todo los items seleccionados.

Muestro el fragmento de código de la estructura del Componente Combobox:

<v-combobox    class="specialitySelect"    v-model="speciality"    :items="especialidad_items"    suffix="Especialidad"    menu-props="auto"    color="deep-purple darken-1"    multiple    single-line    hide-details    chips    box    ></v-combobox> 

Código CSS para dar estilos a los items del Lista de especialidades:

.v-menu__content .v-select-list .v-list .v-list__tile--active:first-child {   background: yellow; } 

Espero de su grata ayuda.

combobox con datos de varios campos en filas ms access

He creado una tabla con varias columnas y un formulario asociado. En este formulario he insertado un comobobox para que me aparezcan los valores de las columnas de la tabla en distintas filas del desplegable.

En mi tabla tengo 3 columnas con 3 campos distintos en los que aparecen los nombres de 3 productos para un pedido: producto1, producto2 y producto3. Cuando hago el combobox me aparecen los valores de los productos separados en 3 columnas diferenciadas dentro de la misma fila. Pero lo que necesito es que aparezcan los valores de referencia1, referencia2 y referencia3 uno debajo de otro en el desplegable del comobobox para poder selecionarlos.

He leído en los foros que podría hacerse con una consulta de unión y seleccionando la consulta como origen de fila en el combobox, pero obtengo el mismo resultado y no sé qué estoy haciendo mal.

Gracias de antemano.

Combobox with a lot of (thousands) of options

in my project there is a form. One of the field is problematic for me. User should choose an option from a very long list (thousands of options). I wanted to do it by combobox, but I don’t know how searching should works.

We can’t display options after typing by user first letter, because list will be still very long .

I thought that we could display options after 3 letters.

Example:

User have to choose one name from the list (10 000 of names).

enter image description here

Is it clear? Do you have any ideas do it better?

The most important is that user must choose an option from the list (can’t type new name) and list is veeeery long.

Combobox no muestra los items correctamente

Estoy haciendo una aplicación, pero no logro que me muestre los items normalmente, me los muestra asi:

introducir la descripción de la imagen aquí

este es el código que estoy usando:

        IEnumerable<Estatus> es = new Estatus().GetAll();         estatusBindingSource.DataSource = es;         cbStatus.SelectedIndex = -1;         foreach (var item in es)         {             elcbEstatus.Items.Add(new { Text = item.Descripcion, Value = item.idEstatus });         } 

que es lo que me falta, no lo hago de la otra forma porque no me muestra nada, solo con este código logre que me mostrara la lista

imprimir un dato obtenido desde un combobox angular

estoy usando un combobox que saque desde el angular material y me gustaria que un textbox saliera un dato, segun la opcion seleccionada del combobox imprimiera algo en el textbox un dato de esa tabla, por ejemplo que en una tabla usuario tener los datos id , nombre , apellido . al seleccionar un id que se muestra en el combobox mostrar en un textbox el nombre relacionado con ese id del usuario ne este caso .

este es el componente ts

examenes: Observable<string[]>; examen = new Examen(); pacientes:Paciente[]; categorias: Categoria[]; getPacientes(): void {     this.dataService       .getPacientes()       .then(pacientes => this.pacientes = pacientes);   }   getCategorias(): void {     this.dataService       .getCategorias()       .then(categorias => this.categorias = categorias);   }     redirect(){alert("Se Agrego Correctamente");         this.router.navigate(['./examenes'])     }     ngOnInit() {  this.getCategorias();         this.getPacientes();     }} 

lo siguente es el combobox con el textbox que quiero usar

        <mat-form-field flex>                     <input matInput                     [(ngModel)]="examen.nombrePac"                     #elementDescripcionControl="ngModel"                     type="text"                      name="NombrePac"                     placeholder="Nombre Paciente"                     maxlength="30"                     readonly                     >                     <mat-hint alig="start">                         <span [hidden]="elementDescripcionControl.pristine || !elementDescripcionControl.errors?.required" class="tc-red-600"> Requerido                         </span>                     </mat-hint>                 </mat-form-field> 
 <mat-form-field>   <mat-label>Listado de Pacientes</mat-label>   <mat-select  [(ngModel)]="examen.rutPac" name="rutPac">     <mat-option *ngFor="let pacientes of pacientes" name="rutPac"     [value]="pacientes.rutPac"               >       {{pacientes.rutPac}}     </mat-option>   </mat-select> </mat-form-field> 

Ayuda con combobox de objetos

Tengo un problema al momento de cargar a un combobox objetos de una clase Grupo o cualquier clase.

bueno lo que quiero es cargar desde una arrayList con un foreach objetos mostrar del grupo en el combobox como por ejemplo:

public void cargar Combobox(){      for (Académico a : lista) {          if(a instanceof Grupo){             Grupo gr = (Grupo)ac;                combo.addItem(Object item)                //aqui el problema          }       }  } 

y el usuario seleccione el código del grupo en el combobox y a su vez el combobox retorna el objeto. He visto ejemplos en la web y usan lo siguiente combo.addItem(Object item) pero en el IDE netbeans no me aparece esa opción de recibir objetos sino solamente String

y por ultimo para asignarlo aun objeto se hace un casteo.

Grupo g = (Grupo) combo.getSelectedItem(); 

Pero no me sirve en el foreach cargar los objetos en el combobox

Filter Combobox on dropdown event

I have a combobox that has a rather large recordset of flights sorted by date. Each time I want to add a new flight I have to scroll down 3-4 times to get to the current flights on the very bottom of the list (very cumbersome).

Ideally when I click the dropdown I only want to see current flights as opposed to seeing a list of all flights that have ever been entered. So I tried setting criteria of the combobox to only show current flights but now historical records just show up as blank.

Is there a way set the criteria of a combobox on dropdown to only show current flights then remove the criteria after the combobox is closed to ensure historical records are viewable?

Problemas com ComboBox

Eu estou desenvolvendo um software que cataloga mangás, nele você tem a opção de selecionar 2 genêros para o mangá, os generos são carregados em uma ComboBox a partir de uma tabela de MySql e quando o usuário cadastra o mangá o gênero da ComboBox e gravado na tabela do mangá. No Formulário eu tenho 2 ComboBox, um para cada genêro, porém os valores não ficam, se eu seleciona um valor na cmbGenero 1 esse valor fica amrcado na cbGenero 2.

Essas foram todoas as vezes que as ComboBox foram citadas no código:

private void inserirCmbGenero()         {             con.Open();             MySqlCommand comando = new MySqlCommand();             comando.Connection = con;             comando.CommandText = "SELECT Genero FROM tblGenero";             MySqlDataReader dr = comando.ExecuteReader();             DataTable dt = new DataTable();             dt.Load(dr);             cmbGenero1.DisplayMember = "Genero";             cmbGenero1.DataSource = dt;             cmbGenero2.DisplayMember = "Genero";             cmbGenero2.DataSource = dt;             con.Close();          }           private void frmCadastro_Load(object sender, EventArgs e)         {             inserirCmbMangaka();             inserirCmbGenero();         } 

Recargar un combobox con DobleClick DataGridView

Al darle double click al DataGridView , no me lista en el CboListDepartamento

”Mi codigo Es el siguiente :

CboTorresP.Text = Convert.ToString(DgvPropietario.SelectedCells.Item(0).Value.ToString) cboDepartP.Text = Convert.ToString(DgvPropietario.SelectedCells.Item(2).Value.ToString) txtDNIP.Text = Convert.ToString(DgvPropietario.SelectedCells.Item(3).Value.ToString) txtNomP.Text = Convert.ToString(DgvPropietario.SelectedCells.Item(4).Value.ToString) txtCelP.Text = Convert.ToString(DgvPropietario.SelectedCells.Item(5).Value.ToString) txtCorreoP.Text = Convert.ToString(DgvPropietario.SelectedCells.Item(6).Value.ToString) cboEstacionamiento.Text = Convert.ToString(DgvPropietario.SelectedCells.Item(7).Value.ToString)

Al iniciar El combobox de Departamento no se lista ,puesto que tan solo se lista si esque selecciono en combobox de Torre