NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-08-17 21:18:16 -06:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Clear cached options when searching dynamic selects

Browse Source
This commit is contained in:
Jeremy Stretch 2024-01-29 14:28:27 -05:00
parent 1400065216
commit 35966cb988
3 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
netbox/project-static/dist/netbox.js vendored
View File

Binary file not shown.

BIN
netbox/project-static/dist/netbox.js.map vendored
View File

Binary file not shown.

19
netbox/project-static/src/tomSelect.ts
View File

@ -2,6 +2,19 @@ import { getElements } from './util';
import { TomOption } from 'tom-select/src/types';
import TomSelect from 'tom-select';
class DynamicTomSelect extends TomSelect {
// Override load() to automatically clear any cached options. (Only options included
// in the API response should be present.)
load(value: string) {
this.clearOptions();
super.load(value);
}
}
// Initialize <select> elements with statically-defined options
function initStaticSelects(): void {
for (const select of getElements<HTMLSelectElement>('select:not(.api-select):not(.color-select)')) {
@ -12,15 +25,16 @@ function initStaticSelects(): void {
}
// Initialize <select> elements which are populated via a REST API call
function initDynamicSelects(): void {
for (const select of getElements<HTMLSelectElement>('select.api-select')) {
const api_url = select.getAttribute('data-url') as string;
new TomSelect(select, {
new DynamicTomSelect(select, {
plugins: ['clear_button'],
valueField: 'id',
labelField: 'display',
searchField: ['name'],
searchField: [],
copyClassesToDropdown: false,
dropdownParent: 'body',
controlInput: '<input>',
@ -40,6 +54,7 @@ function initDynamicSelects(): void {
}
// Initialize color selection fields
function initColorSelects(): void {
for (const select of getElements<HTMLSelectElement>('select.color-select')) {