bnilsen/custom_ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

lookup focus functionality in client table view

Browse source
This commit is contained in:
Casey 2025-12-11 16:31:43 -06:00
parent a01f72bbc1
commit c5c5ffb0fb
4 changed files with 82 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/components/common/DataTable.vue
View file

@ -10,11 +10,11 @@
<div class="dt-filter-content">
<div class="dt-filter-grid">
<div v-for="col in filterableColumns" :key="col.fieldName" class="dt-filter-field">
<label :for="`filter-${col.fieldName}`" class="dt-filter-label">
<label :for="col.filterInputId || `filter-${col.fieldName}`" class="dt-filter-label">
{{ col.label }}
</label>
<InputText
:id="`filter-${col.fieldName}`"
:id="col.filterInputId || col.searchInputId || `filter-${col.fieldName}`"
v-model="pendingFilters[col.fieldName]"
:placeholder="`Filter by ${col.label.toLowerCase()}...`"
class="dt-filter-input"
@ -259,6 +259,7 @@
>
<template v-if="col.filterable === true" #filter="{ filterModel, filterCallback }">
<InputText
:id="col.filterInputId || col.searchInputId || `inline-filter-${col.fieldName}`"
v-model="filterModel.value"
type="text"
@input="handleFilterInput(col.fieldName, filterModel.value, filterCallback)"