1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
| <!DOCTYPE html>
| <html>
| <head>
| <meta http-equiv="X-UA-Compatible" content="IE=edge">
| <title>jsGrid - Localization (FR)</title>
| <link rel="stylesheet" type="text/css" href="demos.css" />
| <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,600,400' rel='stylesheet' type='text/css'>
|
| <link rel="stylesheet" type="text/css" href="../css/jsgrid.css" />
| <link rel="stylesheet" type="text/css" href="../css/theme.css" />
|
| <script src="../external/jquery/jquery-1.8.3.js"></script>
| <script src="db.js"></script>
|
| <script src="../src/jsgrid.core.js"></script>
| <script src="../src/jsgrid.load-indicator.js"></script>
| <script src="../src/jsgrid.load-strategies.js"></script>
| <script src="../src/jsgrid.sort-strategies.js"></script>
| <script src="../src/jsgrid.validation.js"></script>
| <script src="../src/jsgrid.field.js"></script>
| <script src="../src/fields/jsgrid.field.text.js"></script>
| <script src="../src/fields/jsgrid.field.number.js"></script>
| <script src="../src/fields/jsgrid.field.select.js"></script>
| <script src="../src/fields/jsgrid.field.checkbox.js"></script>
| <script src="../src/fields/jsgrid.field.control.js"></script>
| <script src="../src/i18n/fr.js"></script>
| </head>
| <body>
| <h1>Localization (FR)</h1>
| <div id="jsGrid"></div>
|
| <script>
| $(function() {
|
| jsGrid.locale("fr");
|
| $("#jsGrid").jsGrid({
| height: "70%",
| width: "100%",
| filtering: true,
| editing: true,
| inserting: true,
| sorting: true,
| paging: true,
| autoload: true,
| pageSize: 15,
| pageButtonCount: 5,
| controller: db,
| fields: [
| { name: "Name", title: "Nom", type: "text", width: 150, validate: "required" },
| { name: "Age", title: "Âge", type: "number", width: 50, validate: { validator: "range", param: [18,80] } },
| { name: "Address", title: "Adresse", type: "text", width: 200, validate: { validator: "rangeLength", param: [10, 250] } },
| { name: "Country", title: "Pays", type: "select", items: db.countries, valueField: "Id", textField: "Name" },
| { name: "Married", title: "Marié", type: "checkbox", sorting: false },
| { type: "control" }
| ]
| });
|
| });
| </script>
| </body>
| </html>
|
|
