This repository was archived by the owner on Oct 14, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 6
Expand file tree
/
Copy pathrtl.html
More file actions
91 lines (89 loc) · 4.66 KB
/
Copy pathrtl.html
File metadata and controls
91 lines (89 loc) · 4.66 KB
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Essential JS 1 : RTL</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="../content/bootstrap.min.css" rel="stylesheet" />
<link href="../content/ejthemes/default-theme/ej.web.all.min.css" rel="stylesheet" />
<link href="../content/default.css" rel="stylesheet" />
<link href="../content/default-responsive.css" rel="stylesheet" />
<link href="../content/ejthemes/responsive-css/ej.responsive.css" rel="stylesheet" />
<!--[if lt IE 9]>
<script src="../scripts/jquery-1.11.3.min.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="../scripts/jquery-3.4.1.min.js"></script>
<!--<![endif]-->
<script src="../scripts/jquery.validate.min.js"></script>
<script src="../scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="../scripts/messages_ar.js"></script>
<script src="../scripts/jsondata.min.js"></script>
<script src="../scripts/jsrender.min.js"></script>
<script src="../scripts/ej.web.all.min.js"></script>
<script src="../scripts/properties.js" type="text/javascript"></script>
<style type="text/css">
::-ms-clear {
display: none;
}
</style>
</head>
<body>
<div class="content-container-fluid">
<div class="row">
<div class="cols-sample-area">
<div id="Grid"></div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
ej.Grid.Locale["ar-AE"] = {
EmptyRecord: "لا توجد سجلات للعرض",
GroupDropArea: "اسحب رأس العمود هنا إلى مجموعة أعمدة لها",
DeleteOperationAlert: "لا توجد سجلات اختيارها لعملية الحذف",
EditOperationAlert: "لا توجد سجلات اختيارها لعملية تحرير",
SaveButton: "حفظ",
CancelButton: "إلغاء",
EditFormTitle: "تفاصيل",
FilterbarTitle: "الصورة خلية شريط تصفية",
GroupCaptionFormat: "سلع",
Add: "إضافة",
Edit: "تحرير",
Update: "التحديث",
Cancel: "إلغاء",
Delete: "حذف",
UnGroup: "انقر هنا لفك تجميع"
};
ej.Pager.Locale["ar-AE"] = {
pagerInfo: "{0} من {1} صفحة ({2} سلعة)",
firstPageTooltip: "انتقل إلى الصفحة الأولى",
lastPageTooltip: "انتقل إلى الصفحة الأخيرة",
nextPageTooltip: "انتقل إلى الصفحة التالية",
previousPageTooltip: "انتقل إلى الصفحة السابقة",
nextPagerTooltip: "الذهاب إلى بيجر المقبل",
previousPagerTooltip: "الذهاب إلى بيجر السابقة"
};
$("#Grid").ejGrid({
// the datasource "window.gridData" is referred from jsondata.min.js
dataSource: window.gridData,
enableRTL: true,
allowPaging: true,
allowGrouping: true,
allowSorting: true,
allowFiltering: true,
locale: "ar-AE",
toolbarSettings: {showToolbar: true, toolbarItems: [ej.Grid.ToolBarItems.Add, ej.Grid.ToolBarItems.Edit, ej.Grid.ToolBarItems.Delete, ej.Grid.ToolBarItems.Update, ej.Grid.ToolBarItems.Cancel] },
editSettings: { allowEditing: true, allowAdding: true, allowDeleting: true },
columns: [
{ field: "OrderID", isPrimaryKey: true, headerText: "Order ID", textAlign: ej.TextAlign.Right, width: 120, validationRules: { required: true, number: true } },
{ field: "CustomerID", headerText: 'Customer ID', width: 120, validationRules: { required: true, minlength: 3 } },
{ field: "EmployeeID", headerText: 'Employee ID', textAlign: ej.TextAlign.Right, width: 120, editType: ej.Grid.EditingType.Numeric },
{ field: "Freight", headerText: 'Freight', textAlign: ej.TextAlign.Right, width: 120, editType: ej.Grid.EditingType.Numeric, editParams: { decimalPlaces: 2 },format:"{0:C2}", validationRules: { range: [0, 1000] } },
{ field: "ShipCity", headerText: 'Ship City', textAlign: ej.TextAlign.Right, width: 120 }
]
});
});
</script>
</body>
</html>