smallGrid/small.settings.js at master · truehot/smallGrid · GitHub

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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
if (typeof jQuery === "undefined") {
    throw new Error("Small grid requires jquery module to be loaded.");
}
if (typeof SmallGrid === "undefined") {
    throw new Error("Small grid required to be loaded.");
}

(function ($, SmallGrid) {
    "use strict";
    var defaultSettings = {
        renderDelay: 0,
        showLastColumn: true,//show last column
        uidPrefix: "smallgrid_",
        maxSupportedCssHeight: undefined,//internal
        scrollbarDimensions: undefined,//internal
        cellOuterSize: undefined,//internal
        uid: undefined,//internal
        cssClass: {
            disableTextSelection: "disable-text-selection",
            disabledColor: "disabled-color",
            cell: "grid-cell",
            cellEdit: "grid-cell-edit",
            cellColumnLast: "grid-cell-column-last",
            cellRowLast: "grid-cell-row-last",
            col: "grid-col",
            collLast: "grid-coll-last",
            cursorPointer: "grid-cursor-pointer",
            cursorResize: "grid-cursor-resize disable-text-selection",
            headerCell: "grid-header-cell",
            headerCellDiv: "grid-header-cell-div",
            headerColumnName: "grid-column-name",
            headerFilter: "grid-header-filter",
            headerFilterActive: "grid-header-filter-active",
            headerResizeHandle: "grid-resizable-handle",
            headerRow: "grid-header-row",
            headerSortable: "grid-sortable",
            headerSortDown: "grid-sort-icon grid-sort-icon-desc",
            headerSortUp: "grid-sort-icon grid-sort-icon-asc",
            row: "grid-row",
            rowEven: "grid-row-even",
            rowOdd: "grid-row-odd",
            rowSelected: "grid-row-selected",
            rowValignMiddle: "grid-row-valign-middle",
            rowValignTop: "grid-row-valign-top",
            rowValignBottom: "grid-row-valign-bottom",
            rowValignBaseline: "grid-row-valign-baseline",
            cellAlignCenter: "grid-cell-align-center",
            cellAlignRight: "grid-cell-align-right"
        },
        header: {
            height: 20,
            disableTextSelection: true
        },

        columns: {
            idProperty: undefined,
            newIdType: "",//number, guid
        },
        rows: {
            disableTextSelection: false,
            idProperty: undefined,//TODO: other fields mapping
            newIdType: "",//number, guid
            valign: "" //middle, top, bottom, baseline
        },
        formatter: {
            floatFormatter: {
                decimals: 2
            },
            integerFormatter: {
                decimals: 0
            },
            moneyFormatter: {
                locales: 'en-US',
                options: {
                    currency: 'EUR',
                    style: 'currency'
                }
            },
            dateFormatter: {
                locales: 'en-GB',
                options: {}
            }
        },

        plugins: {
            AutoResize: {
                enabled: true
            },
            ColumnSort: {
                enabled: true
            },
            ColumnResize: {
                enabled: true
            },
            RowSelection: {
                enabled: true,
                multipleRowSelection: false//allow multiplerow selection
            },
            CellEdit: {
                enabled: true,
                editOnClick: false,//when true, editor loaded after click
                autoFocus: true//autofocus edited cell when scrolling
            },
            ColumnCheckbox: {
                enabled: true
            },
            ColumnFilterMenu: {
                enabled: true
            },
            ColumnPickerMenu: {
                enabled: true
            },
            Footer: {
                enabled: false
            },
            CellAlign: {
                enabled: false
            }
        }
    };

    function CreateSettings(opts) {

        var settings = $.extend(true, {}, defaultSettings, opts || {});

        if (settings.maxSupportedCssHeight === undefined) {
            defaultSettings.maxSupportedCssHeight = settings.maxSupportedCssHeight = SmallGrid.Utils.measureMaxSupportedCssHeight();
        }

        if (settings.scrollbarDimensions === undefined) {
            defaultSettings.scrollbarDimensions = settings.scrollbarDimensions = SmallGrid.Utils.measureScrollbar();
        }

        if (settings.cellOuterSize === undefined) {
            settings.cellOuterSize = SmallGrid.Utils.measureCellDiff(settings.cssClass.cell);
        }

        if (settings.uid === undefined) {
            settings.uid = SmallGrid.Utils.createGuid();
        }

        return settings;
    }

    $.extend(true, SmallGrid, {
        "Settings": {
            "Create": CreateSettings,
            "Default": defaultSettings
        }
    });
})(jQuery, window.SmallGrid = window.SmallGrid || {});