@@ -43,59 +43,59 @@ Working example [here](../guide/02-events.md)
43
43
44
44
## GridLayout
45
45
46
- * ** layoutCreatedEvent**
46
+ ### layoutCreatedEvent
47
47
48
- Layout created event
48
+ Layout created event
49
49
50
- Emited on the component created lifecycle hook
50
+ Emited on the component created lifecycle hook
51
51
52
52
``` javascript
53
53
layoutCreatedEvent : function (newLayout ){
54
54
console .log (" Created layout: " , newLayout)
55
55
}
56
56
```
57
57
58
- * ** layoutBeforeMountEvent**
58
+ ### layoutBeforeMountEvent
59
59
60
- Layout beforeMount event
60
+ Layout beforeMount event
61
61
62
- Emited on the component beforeMount lifecycle hook
62
+ Emited on the component beforeMount lifecycle hook
63
63
64
64
``` javascript
65
65
layoutBeforeMountEvent : function (newLayout ){
66
66
console .log (" beforeMount layout: " , newLayout)
67
67
}
68
68
```
69
69
70
- * ** layoutMountedEvent**
70
+ ### layoutMountedEvent
71
71
72
- Layout mounted event
72
+ Layout mounted event
73
73
74
- Emited on the component mounted lifecycle hook
74
+ Emited on the component mounted lifecycle hook
75
75
76
76
``` javascript
77
77
layoutMountedEvent : function (newLayout ){
78
78
console .log (" Mounted layout: " , newLayout)
79
79
}
80
80
```
81
81
82
- * ** layoutReadyEvent**
82
+ ### layoutReadyEvent
83
83
84
- Layout ready event
84
+ Layout ready event
85
85
86
- Emited when all the operations on the mount hook finish
86
+ Emited when all the operations on the mount hook finish
87
87
88
88
``` javascript
89
89
layoutReadyEvent : function (newLayout ){
90
90
console .log (" Ready layout: " , newLayout)
91
91
}
92
92
```
93
93
94
- * ** layoutUpdatedEvent**
94
+ ### layoutUpdatedEvent
95
95
96
- Layout updated event
96
+ Layout updated event
97
97
98
- Every time the layout has finished updating and positions of all grid-items are recalculated
98
+ Every time the layout has finished updating and positions of all grid-items are recalculated
99
99
100
100
``` javascript
101
101
layoutUpdatedEvent : function (newLayout ){
@@ -104,11 +104,11 @@ Working example [here](../guide/02-events.md)
104
104
```
105
105
106
106
107
- * ** breakpointChangedEvent**
107
+ ### breakpointChangedEvent
108
108
109
- Breakpoint Changed event
109
+ Breakpoint Changed event
110
110
111
- Every time the breakpoint value changes due to window resize
111
+ Every time the breakpoint value changes due to window resize
112
112
113
113
``` javascript
114
114
/**
@@ -125,47 +125,47 @@ Working example [here](../guide/02-events.md)
125
125
126
126
## GridItem
127
127
128
- * ** moveEvent**
128
+ ### moveEvent
129
129
130
- Move event
130
+ Move event
131
131
132
- Every time an item is being moved and changes position
132
+ Every time an item is being moved and changes position
133
133
134
134
``` javascript
135
135
moveEvent : function (i , newX , newY ){
136
136
console .log (" MOVE i=" + i + " , X=" + newX + " , Y=" + newY);
137
137
},
138
138
```
139
139
140
- * ** resizeEvent**
140
+ ### resizeEvent
141
141
142
- Resize event
142
+ Resize event
143
143
144
- Every time an item is being resized and changes size
144
+ Every time an item is being resized and changes size
145
145
146
146
``` javascript
147
147
resizeEvent : function (i , newH , newW , newHPx , newWPx ){
148
148
console .log (" RESIZE i=" + i + " , H=" + newH + " , W=" + newW + " , H(px)=" + newHPx + " , W(px)=" + newWPx);
149
149
},
150
150
```
151
151
152
- * ** movedEvent**
152
+ ### movedEvent
153
153
154
- Moved event
154
+ Moved event
155
155
156
- Every time an item is finished being moved and changes position
156
+ Every time an item is finished being moved and changes position
157
157
158
158
``` javascript
159
159
movedEvent : function (i , newX , newY ){
160
160
console .log (" MOVED i=" + i + " , X=" + newX + " , Y=" + newY);
161
161
},
162
162
```
163
163
164
- * ** resizedEvent**
164
+ ### resizedEvent
165
165
166
- Resized event
166
+ Resized event
167
167
168
- Every time an item is finished being resized and changes size
168
+ Every time an item is finished being resized and changes size
169
169
170
170
``` javascript
171
171
/**
@@ -182,11 +182,11 @@ Working example [here](../guide/02-events.md)
182
182
},
183
183
```
184
184
185
- * ** containerResizedEvent**
185
+ ### containerResizedEvent
186
186
187
- Container Resized event
187
+ Container Resized event
188
188
189
- Every time the grid item/layout container changes size (browser window or other)
189
+ Every time the grid item/layout container changes size (browser window or other)
190
190
191
191
``` javascript
192
192
/**
0 commit comments