How to create an N: N link editor on a web page?

I need to create a small โ€œwho does whatโ€ web application to route incoming emails:

  • there is a relatively long list (about 600 items) of employees;
  • There is a short list (about 5 items) of tasks;
  • when assigning a task to an employee, the completion date must be indicated;

As a result, I need a list (the sequence of questions matters in this case, since the first employee on the list is considered the "main responsible person"):

  • John Smith - write a response letter - 01/20/2010
  • Frederic Minoso - view the incoming letter - 01/18/2010
  • Robert Geer - view the incoming letter - 01/18/2010

If we had, say, 10 employees, the design would be quite simple - a drop-down list of employees, a drop-down list of tasks, a date for the date, an โ€œAdd to listโ€ button, Like this alt text http://naivist.net/tmp /layout.jpg
And, of course, I would add a list of results with the "move up" / "move down" buttons, except for it.
However, the drop-down list of 600 items is clearly too much; this means that some user search by first name, last name, department must take place.

I am skilled enough to technically create an application (JavaScript, jQuery and ajax queries that are my friends), but the problem is how to create a web form interface so that users understand what exactly they are doing? How to lay out elements in a form? What to show at the beginning, what to hide?

, , ? , , ? , draggable/droppable (, )? ?

- ? - ? , .

, , . "community wiki"?

+3
2

, AutoComplete. , , , . "" - 1000 .

Yahoo , , , .

5 , . - 7 , . , "by" "on", - 22 2010 . , .

+2

, , . , , , , / .

, , , , . , , - .

, , , , , , , , , . , .

, , , . -. , , , , . , , , .

, , - , , , . , , , , , .

+2

Source: https://habr.com/ru/post/1728079/


All Articles