Entering data into the grid

UI question: is there some kind of consensus regarding the best (defined as “the one that is best for all end users”) or the least bad way to incorporate data entry into the grid?

I have a grid with many rows. Grid columns contain various types of properties that the user can enter / edit. "Types" of properties include:

  • Free text
  • Numbers (numeric digits)
  • Enum value (for example, one of High, Medium, and Low).
  • Others (e.g. date, duration)

The type of "free text" is not difficult to design (so I will not ask about it), but what about the following two types?

Numeric digits

  • When using the keyboard to enter a number, can you enable writing in free text and then start the blur check method? Or follow each keystroke to restrict data entry to numbers only?
  • How do you tell the user (over the grid, not the form) that the data syntax in a certain column is limited only to numerical? What will you do if the user presses the wrong (non-numeric) key?
  • The spin or spinner control is a standard Windows control; Is it worth trying to use it in an HTML based grid?

List Values

To enter or edit the enumeration value with the mouse, I think that calling a small context menu with a mouse click is what you need to do.

  • <select> (.. ). , , , , ( )? , , , ( )?
  • , (.. [Tab]) (.. )? , ? , CSS, , , (, [] []). Intellisense- , ?

?

, . / .


: [data-entry] ( "- Sigma Grid (Javascript-based editable data grid)?" ), -. ( ); , , 'a' , , , (, , ) / (), "a" .


.

, , , . , , .

, (.. /) , . (.. ), (, / 1 1 ).

/ (, "" "" , ), : .

( ) , . - , , , QA .., ; ( ), , / . :

, , : , / / , .

+5
6

IMHO, , , . Tab + 10 , - + -, ?

. , , - , - .

:

  • , .
  • , ( , , ... , ), .
  • , . , . , Combo/Select ( , ).

:

  • / , . , , . / .
  • , ( , ) - , , , .

:

  • , . - ( ), , . , , -. SOP //, dd/mm/yyyy.
  • , . > 10 . , (, ) , , ( H-) .

, , WHAT, . , , .

EDIT:

, + : / / .

. "" "" . : . , . RTS . , . ITunes - ( ), .

; ? "inline", (, - )?

, , , - , , . ASP.NET GridView TemplateFields, "". OOTB (, IDataErrorInfo), .

, , . 10 Amazon, 2, 1 , -1. , .

, "" , , , / . StackOverflow , . 15 , . , . Windows. .

, Intellisense , ( ) .

, Intellisense Visual Studio, , . , VS, , , (, , , ). w/Intellisense, , ( + + / + / ). , ( , VS ), , , " , -/Intellisense, "

, ; , ( ) , : , , .

ComboBox, - - . , , "" , , (?) .

, .

+4

JavaScript , , . . - , .

, - . , -. .

. .

+1

.

:

  • . , ( ), , . , "", . . , .
  • , , , . / , (CTRL-x). , ( ).
  • Spin , . : , , , , / , ?
  • .

:

  • , .
  • Google Suggest , , , . , , . , , , . , , , "", "" "", .
  • , , , . . , , , .
+1
+1

jQuery , .

The high usage of jQuery, and some of these plugins along with the aesthetics factor tell me that these plugins are some of the best ways to handle user input ...

Isaac on evolt also has a good article in Useful Forms

0
source

All Articles