Editierbares Grid

ID

Name

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

Gesamt

Preis

Betrag

275

275

275

275

275

275

275

275

275

275

275

275

275

275

275

275

275

275

275

275

275

275

275

275

275

275

7.150

50.050,00

List View Print View

Show Columns Hide Columns

1

Article 1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

26

1,00

26,00

2

Article 2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

52

2,00

104,00

3

Article 3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

78

3,00

234,00

4

Article 4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

104

4,00

416,00

5

Article 5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

130

5,00

650,00

6

Article 6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

156

6,00

936,00

7

Article 7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

182

7,00

1.274,00

8

Article 8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

208

8,00

1.664,00

9

Article 9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

234

9,00

2.106,00

10

Article 10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

260

10,00

2.600,00

11

Article 11

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

26

1,00

26,00

12

Article 12

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

52

2,00

104,00

13

Article 13

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

78

3,00

234,00

14

Article 14

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

104

4,00

416,00

15

Article 15

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

130

5,00

650,00

16

Article 16

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

156

6,00

936,00

17

Article 17

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

182

7,00

1.274,00

18

Article 18

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

208

8,00

1.664,00

19

Article 19

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

234

9,00

2.106,00

20

Article 20

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

260

10,00

2.600,00

21

Article 21

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

26

1,00

26,00

22

Article 22

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

52

2,00

104,00

23

Article 23

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

78

3,00

234,00

24

Article 24

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

104

4,00

416,00

25

Article 25

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

130

5,00

650,00

26

Article 26

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

156

6,00

936,00

27

Article 27

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

182

7,00

1.274,00

28

Article 28

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

208

8,00

1.664,00

29

Article 29

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

234

9,00

2.106,00

30

Article 30

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

260

10,00

2.600,00

31

Article 31

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

26

1,00

26,00

32

Article 32

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

52

2,00

104,00

33

Article 33

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

78

3,00

234,00

34

Article 34

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

104

4,00

416,00

35

Article 35

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

130

5,00

650,00

36

Article 36

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

156

6,00

936,00

37

Article 37

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

182

7,00

1.274,00

38

Article 38

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

208

8,00

1.664,00

39

Article 39

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

234

9,00

2.106,00

40

Article 40

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

260

10,00

2.600,00

41

Article 41

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

26

1,00

26,00

42

Article 42

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

52

2,00

104,00

43

Article 43

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

78

3,00

234,00

44

Article 44

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

104

4,00

416,00

45

Article 45

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

130

5,00

650,00

46

Article 46

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

156

6,00

936,00

47

Article 47

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

182

7,00

1.274,00

48

Article 48

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

8

208

8,00

1.664,00

49

Article 49

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

9

234

9,00

2.106,00

50

Article 50

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

10

260

10,00

2.600,00

Beschreibung

Vor langer Zeig suchte ich vergeblich nach einer JSF Komponente, die ich für ein Intranet Projekt meines Kunden verwenden wollte. Es sollte ein editierbares Grid sein, das hauptsächlich horizontales Scrollen der mittleren Spalten erlaubt wobei die linken Spalten fest und die rechten Spalten fest stehen bleiben. Zusätzlich sollte es auf Client Seite auch mit mehr als 1000 Zellen noch schnell aufgebaut werden..

Ich entschied dann mir eine eigene Grid Komponente basierend auf JSF/Mojarra und JSAction zu bauen. Statt HTML table Code generiert der Grid Renderer HTML div Code aus der HtmlDataTable, der dann von JSAction geparsed wird. Ausserdem werden statt 1000 HTML input Elementen die UIInput Komponenten zu HTML span Elementen auf Client Seite gerendert.

Dieses Demo meines Grid wird derzeit nur mit Firefox in einem Intranet Projekt eingesetzt. Es is keinesfalls perfekt und einiges noch fehlerhaft, aber die wichtigen Features sind sehr nützlich.

Features

Johannes Hammoud Editierbares Grid 17.12.2011

I Coding : Community über Java Programmierung

Sprache Englisch+-

Java JSF JavaScript HTML CSS NetBeans GlassFish MySQL

Impressum

Besuche
5744556
Heute
125