Skip to content

Commit 00050ed

Browse files
authored
Ttonev/fix both side pin sample (#3761)
1 parent 4b7683c commit 00050ed

File tree

4 files changed

+52
-39
lines changed

4 files changed

+52
-39
lines changed

src/app/data/customers.ts

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ export const DATA = [
77
ContactTitle: "Sales Representative",
88
Address: "Obere Str. 57",
99
City: "Berlin",
10-
Region: null,
10+
Region: "East",
1111
PostalCode: "12209",
1212
Country: "Germany",
1313
Phone: "030-0074321",
@@ -19,7 +19,7 @@ export const DATA = [
1919
ContactTitle: "Owner",
2020
Address: "Avda. de la Constitución 2222",
2121
City: "México D.F.",
22-
Region: null,
22+
Region: "South",
2323
PostalCode: "05021",
2424
Country: "Mexico",
2525
Phone: "(5) 555-4729",
@@ -31,7 +31,7 @@ export const DATA = [
3131
ContactTitle: "Owner",
3232
Address: "Mataderos 2312",
3333
City: "México D.F.",
34-
Region: null,
34+
Region: "South",
3535
PostalCode: "05023",
3636
Country: "Mexico",
3737
Phone: "(5) 555-3932",
@@ -43,7 +43,7 @@ export const DATA = [
4343
ContactTitle: "Sales Representative",
4444
Address: "120 Hanover Sq.",
4545
City: "London",
46-
Region: null,
46+
Region: "East",
4747
PostalCode: "WA1 1DP",
4848
Country: "UK",
4949
Phone: "(171) 555-7788",
@@ -55,7 +55,7 @@ export const DATA = [
5555
ContactTitle: "Order Administrator",
5656
Address: "Berguvsvägen 8",
5757
City: "Luleå",
58-
Region: null,
58+
Region: "South",
5959
PostalCode: "S-958 22",
6060
Country: "Sweden",
6161
Phone: "0921-12 34 65",
@@ -67,7 +67,7 @@ export const DATA = [
6767
ContactTitle: "Sales Representative",
6868
Address: "Forsterstr. 57",
6969
City: "Mannheim",
70-
Region: null,
70+
Region: "East",
7171
PostalCode: "68306",
7272
Country: "Germany",
7373
Phone: "0621-08460",
@@ -79,7 +79,7 @@ export const DATA = [
7979
ContactTitle: "Marketing Manager",
8080
Address: "24, place Kléber",
8181
City: "Strasbourg",
82-
Region: null,
82+
Region: "East",
8383
PostalCode: "67000",
8484
Country: "France",
8585
Phone: "88.60.15.31",
@@ -91,7 +91,7 @@ export const DATA = [
9191
ContactTitle: "Owner",
9292
Address: "C/ Araquil, 67",
9393
City: "Madrid",
94-
Region: null,
94+
Region: "East",
9595
PostalCode: "28023",
9696
Country: "Spain",
9797
Phone: "(91) 555 22 82",
@@ -103,7 +103,7 @@ export const DATA = [
103103
ContactTitle: "Owner",
104104
Address: "12, rue des Bouchers",
105105
City: "Marseille",
106-
Region: null,
106+
Region: "West",
107107
PostalCode: "13008",
108108
Country: "France",
109109
Phone: "91.24.45.40",
@@ -127,7 +127,7 @@ export const DATA = [
127127
ContactTitle: "Sales Representative",
128128
Address: "Fauntleroy Circus",
129129
City: "London",
130-
Region: null,
130+
Region: "South",
131131
PostalCode: "EC2 5NT",
132132
Country: "UK",
133133
Phone: "(171) 555-1212",
@@ -139,7 +139,7 @@ export const DATA = [
139139
ContactTitle: "Sales Agent",
140140
Address: "Cerrito 333",
141141
City: "Buenos Aires",
142-
Region: null,
142+
Region: "East",
143143
PostalCode: "1010",
144144
Country: "Argentina",
145145
Phone: "(1) 135-5555",
@@ -151,7 +151,7 @@ export const DATA = [
151151
ContactTitle: "Marketing Manager",
152152
Address: "Sierras de Granada 9993",
153153
City: "México D.F.",
154-
Region: null,
154+
Region: "South",
155155
PostalCode: "05022",
156156
Country: "Mexico",
157157
Phone: "(5) 555-3392",
@@ -163,7 +163,7 @@ export const DATA = [
163163
ContactTitle: "Owner",
164164
Address: "Hauptstr. 29",
165165
City: "Bern",
166-
Region: null,
166+
Region: "East",
167167
PostalCode: "3012",
168168
Country: "Switzerland",
169169
Phone: "0452-076545",
@@ -187,7 +187,7 @@ export const DATA = [
187187
ContactTitle: "Sales Representative",
188188
Address: "Berkeley Gardens 12 Brewery",
189189
City: "London",
190-
Region: null,
190+
Region: "South",
191191
PostalCode: "WX1 6LT",
192192
Country: "UK",
193193
Phone: "(171) 555-2282",
@@ -199,7 +199,7 @@ export const DATA = [
199199
ContactTitle: "Order Administrator",
200200
Address: "Walserweg 21",
201201
City: "Aachen",
202-
Region: null,
202+
Region: "South",
203203
PostalCode: "52066",
204204
Country: "Germany",
205205
Phone: "0241-039123",
@@ -211,7 +211,7 @@ export const DATA = [
211211
ContactTitle: "Owner",
212212
Address: "67, rue des Cinquante Otages",
213213
City: "Nantes",
214-
Region: null,
214+
Region: "East",
215215
PostalCode: "44000",
216216
Country: "France",
217217
Phone: "40.67.88.88",
@@ -223,7 +223,7 @@ export const DATA = [
223223
ContactTitle: "Sales Agent",
224224
Address: "35 King George",
225225
City: "London",
226-
Region: null,
226+
Region: "East",
227227
PostalCode: "WX3 6FW",
228228
Country: "UK",
229229
Phone: "(171) 555-0297",
@@ -235,7 +235,7 @@ export const DATA = [
235235
ContactTitle: "Sales Manager",
236236
Address: "Kirchgasse 6",
237237
City: "Graz",
238-
Region: null,
238+
Region: "South",
239239
PostalCode: "8010",
240240
Country: "Austria",
241241
Phone: "7675-3425",
@@ -259,7 +259,7 @@ export const DATA = [
259259
ContactTitle: "Accounting Manager",
260260
Address: "C/ Moralzarzal, 86",
261261
City: "Madrid",
262-
Region: null,
262+
Region: "East",
263263
PostalCode: "28034",
264264
Country: "Spain",
265265
Phone: "(91) 555 94 44",
@@ -271,7 +271,7 @@ export const DATA = [
271271
ContactTitle: "Assistant Sales Agent",
272272
Address: "184, chaussée de Tournai",
273273
City: "Lille",
274-
Region: null,
274+
Region: "South",
275275
PostalCode: "59000",
276276
Country: "France",
277277
Phone: "20.16.10.16",
@@ -283,7 +283,7 @@ export const DATA = [
283283
ContactTitle: "Owner",
284284
Address: "Åkergatan 24",
285285
City: "Bräcke",
286-
Region: null,
286+
Region: "East",
287287
PostalCode: "S-844 67",
288288
Country: "Sweden",
289289
Phone: "0695-34 67 21",
@@ -295,7 +295,7 @@ export const DATA = [
295295
ContactTitle: "Marketing Manager",
296296
Address: "Berliner Platz 43",
297297
City: "München",
298-
Region: null,
298+
Region: "East",
299299
PostalCode: "80805",
300300
Country: "Germany",
301301
Phone: "089-0877310",
@@ -307,7 +307,7 @@ export const DATA = [
307307
ContactTitle: "Marketing Manager",
308308
Address: "54, rue Royale",
309309
City: "Nantes",
310-
Region: null,
310+
Region: "South",
311311
PostalCode: "44000",
312312
Country: "France",
313313
Phone: "40.32.21.21",
@@ -319,7 +319,7 @@ export const DATA = [
319319
ContactTitle: "Sales Representative",
320320
Address: "Via Monte Bianco 34",
321321
City: "Torino",
322-
Region: null,
322+
Region: "East",
323323
PostalCode: "10100",
324324
Country: "Italy",
325325
Phone: "011-4988260",

src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -49,20 +49,25 @@ export class GridBothSideToolbarPinningSampleComponent implements OnInit {
4949

5050
public pinLeft() {
5151
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
52-
col.pinningPosition = ColumnPinningPosition.Start;
53-
col.pinned = true;
52+
if (col.pinned) {
53+
col.unpin();
54+
}
55+
col.pin(undefined, ColumnPinningPosition.Start);
5456
});
5557
}
58+
5659
public pinRight() {
5760
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
58-
col.pinningPosition = ColumnPinningPosition.End;
59-
col.pinned = true;
61+
if (col.pinned) {
62+
col.unpin();
63+
}
64+
col.pin(undefined, ColumnPinningPosition.End);
6065
});
6166
}
6267

6368
public unpinColumn() {
6469
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
65-
col.pinned = false;
70+
col.unpin();
6671
});
6772
}
6873
}

src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -71,21 +71,25 @@ export class HierarchicalGridBothSidePinningSampleComponent implements OnInit {
7171

7272
public pinLeft() {
7373
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
74-
col.pinningPosition = ColumnPinningPosition.Start;
75-
col.pinned = true;
74+
if (col.pinned) {
75+
col.unpin();
76+
}
77+
col.pin(undefined, ColumnPinningPosition.Start);
7678
});
7779
}
7880

7981
public pinRight() {
8082
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
81-
col.pinningPosition = ColumnPinningPosition.End;
82-
col.pinned = true;
83+
if (col.pinned) {
84+
col.unpin();
85+
}
86+
col.pin(undefined, ColumnPinningPosition.End);
8387
});
8488
}
8589

8690
public unpinColumn() {
8791
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
88-
col.pinned = false;
92+
col.unpin();
8993
});
9094
}
9195
}

src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -38,21 +38,25 @@ export class TreeGridBothSidesPinningSampleComponent implements OnInit {
3838

3939
public pinLeft() {
4040
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
41-
col.pinningPosition = ColumnPinningPosition.Start;
42-
col.pinned = true;
41+
if (col.pinned) {
42+
col.unpin();
43+
}
44+
col.pin(undefined, ColumnPinningPosition.Start);
4345
});
4446
}
4547

4648
public pinRight() {
4749
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
48-
col.pinningPosition = ColumnPinningPosition.End;
49-
col.pinned = true;
50+
if (col.pinned) {
51+
col.unpin();
52+
}
53+
col.pin(undefined, ColumnPinningPosition.End);
5054
});
5155
}
5256

5357
public unpinColumn() {
5458
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
55-
col.pinned = false;
59+
col.unpin();
5660
});
5761
}
5862
}

0 commit comments

Comments
 (0)