tabalinas/jsgrid

Multicolumn autocomplete in jsGrid

Open

#974 opened on Dec 13, 2017

View on GitHub
 (3 comments) (0 reactions) (0 assignees)JavaScript (1,520 stars) (356 forks)batch import
help wanted

Description

I would like to see multiple columns in the the autocomplete dropdown, like here: https://jsfiddle.net/MrSnrub/pk0kf0hn/. At the moment I have successfully integrated this code: https://stackoverflow.com/questions/42489728/jsgrid-cutome-grid-field-with-jquery-ui-autocomplete to achieve single-column autocomplete, something like the column 'Nombre' here: https://jsfiddle.net/mgcrdvmf/6/. However, I'm struggling to display more columns in the autocomplete dropdown.

Contributor guide

Tech stack
javascripthtmlcss
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
jsGrid plugin structurejQuery UI autocompleteJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Review the current autocomplete field implementation in jsGrid (likely fields/autocomplete.js). Study the StackOverflow integration and the multicolumn JSFiddle example. Modify the autocomplete rendering to include a custom menu with multiple columns, adapting the jQuery UI autocomplete's renderMenu and renderItem methods.