diff --git a/src/app/data/customers.ts b/src/app/data/customers.ts index 1f6b5efd3..b17d30728 100644 --- a/src/app/data/customers.ts +++ b/src/app/data/customers.ts @@ -7,7 +7,7 @@ export const DATA = [ ContactTitle: "Sales Representative", Address: "Obere Str. 57", City: "Berlin", - Region: null, + Region: "East", PostalCode: "12209", Country: "Germany", Phone: "030-0074321", @@ -19,7 +19,7 @@ export const DATA = [ ContactTitle: "Owner", Address: "Avda. de la Constitución 2222", City: "México D.F.", - Region: null, + Region: "South", PostalCode: "05021", Country: "Mexico", Phone: "(5) 555-4729", @@ -31,7 +31,7 @@ export const DATA = [ ContactTitle: "Owner", Address: "Mataderos 2312", City: "México D.F.", - Region: null, + Region: "South", PostalCode: "05023", Country: "Mexico", Phone: "(5) 555-3932", @@ -43,7 +43,7 @@ export const DATA = [ ContactTitle: "Sales Representative", Address: "120 Hanover Sq.", City: "London", - Region: null, + Region: "East", PostalCode: "WA1 1DP", Country: "UK", Phone: "(171) 555-7788", @@ -55,7 +55,7 @@ export const DATA = [ ContactTitle: "Order Administrator", Address: "Berguvsvägen 8", City: "Luleå", - Region: null, + Region: "South", PostalCode: "S-958 22", Country: "Sweden", Phone: "0921-12 34 65", @@ -67,7 +67,7 @@ export const DATA = [ ContactTitle: "Sales Representative", Address: "Forsterstr. 57", City: "Mannheim", - Region: null, + Region: "East", PostalCode: "68306", Country: "Germany", Phone: "0621-08460", @@ -79,7 +79,7 @@ export const DATA = [ ContactTitle: "Marketing Manager", Address: "24, place Kléber", City: "Strasbourg", - Region: null, + Region: "East", PostalCode: "67000", Country: "France", Phone: "88.60.15.31", @@ -91,7 +91,7 @@ export const DATA = [ ContactTitle: "Owner", Address: "C/ Araquil, 67", City: "Madrid", - Region: null, + Region: "East", PostalCode: "28023", Country: "Spain", Phone: "(91) 555 22 82", @@ -103,7 +103,7 @@ export const DATA = [ ContactTitle: "Owner", Address: "12, rue des Bouchers", City: "Marseille", - Region: null, + Region: "West", PostalCode: "13008", Country: "France", Phone: "91.24.45.40", @@ -127,7 +127,7 @@ export const DATA = [ ContactTitle: "Sales Representative", Address: "Fauntleroy Circus", City: "London", - Region: null, + Region: "South", PostalCode: "EC2 5NT", Country: "UK", Phone: "(171) 555-1212", @@ -139,7 +139,7 @@ export const DATA = [ ContactTitle: "Sales Agent", Address: "Cerrito 333", City: "Buenos Aires", - Region: null, + Region: "East", PostalCode: "1010", Country: "Argentina", Phone: "(1) 135-5555", @@ -151,7 +151,7 @@ export const DATA = [ ContactTitle: "Marketing Manager", Address: "Sierras de Granada 9993", City: "México D.F.", - Region: null, + Region: "South", PostalCode: "05022", Country: "Mexico", Phone: "(5) 555-3392", @@ -163,7 +163,7 @@ export const DATA = [ ContactTitle: "Owner", Address: "Hauptstr. 29", City: "Bern", - Region: null, + Region: "East", PostalCode: "3012", Country: "Switzerland", Phone: "0452-076545", @@ -187,7 +187,7 @@ export const DATA = [ ContactTitle: "Sales Representative", Address: "Berkeley Gardens 12 Brewery", City: "London", - Region: null, + Region: "South", PostalCode: "WX1 6LT", Country: "UK", Phone: "(171) 555-2282", @@ -199,7 +199,7 @@ export const DATA = [ ContactTitle: "Order Administrator", Address: "Walserweg 21", City: "Aachen", - Region: null, + Region: "South", PostalCode: "52066", Country: "Germany", Phone: "0241-039123", @@ -211,7 +211,7 @@ export const DATA = [ ContactTitle: "Owner", Address: "67, rue des Cinquante Otages", City: "Nantes", - Region: null, + Region: "East", PostalCode: "44000", Country: "France", Phone: "40.67.88.88", @@ -223,7 +223,7 @@ export const DATA = [ ContactTitle: "Sales Agent", Address: "35 King George", City: "London", - Region: null, + Region: "East", PostalCode: "WX3 6FW", Country: "UK", Phone: "(171) 555-0297", @@ -235,7 +235,7 @@ export const DATA = [ ContactTitle: "Sales Manager", Address: "Kirchgasse 6", City: "Graz", - Region: null, + Region: "South", PostalCode: "8010", Country: "Austria", Phone: "7675-3425", @@ -259,7 +259,7 @@ export const DATA = [ ContactTitle: "Accounting Manager", Address: "C/ Moralzarzal, 86", City: "Madrid", - Region: null, + Region: "East", PostalCode: "28034", Country: "Spain", Phone: "(91) 555 94 44", @@ -271,7 +271,7 @@ export const DATA = [ ContactTitle: "Assistant Sales Agent", Address: "184, chaussée de Tournai", City: "Lille", - Region: null, + Region: "South", PostalCode: "59000", Country: "France", Phone: "20.16.10.16", @@ -283,7 +283,7 @@ export const DATA = [ ContactTitle: "Owner", Address: "Åkergatan 24", City: "Bräcke", - Region: null, + Region: "East", PostalCode: "S-844 67", Country: "Sweden", Phone: "0695-34 67 21", @@ -295,7 +295,7 @@ export const DATA = [ ContactTitle: "Marketing Manager", Address: "Berliner Platz 43", City: "München", - Region: null, + Region: "East", PostalCode: "80805", Country: "Germany", Phone: "089-0877310", @@ -307,7 +307,7 @@ export const DATA = [ ContactTitle: "Marketing Manager", Address: "54, rue Royale", City: "Nantes", - Region: null, + Region: "South", PostalCode: "44000", Country: "France", Phone: "40.32.21.21", @@ -319,7 +319,7 @@ export const DATA = [ ContactTitle: "Sales Representative", Address: "Via Monte Bianco 34", City: "Torino", - Region: null, + Region: "East", PostalCode: "10100", Country: "Italy", Phone: "011-4988260", diff --git a/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts b/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts index 99323c262..99a327540 100644 --- a/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts +++ b/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts @@ -49,20 +49,25 @@ export class GridBothSideToolbarPinningSampleComponent implements OnInit { public pinLeft() { this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => { - col.pinningPosition = ColumnPinningPosition.Start; - col.pinned = true; + if (col.pinned) { + col.unpin(); + } + col.pin(undefined, ColumnPinningPosition.Start); }); } + public pinRight() { this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => { - col.pinningPosition = ColumnPinningPosition.End; - col.pinned = true; + if (col.pinned) { + col.unpin(); + } + col.pin(undefined, ColumnPinningPosition.End); }); } public unpinColumn() { this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => { - col.pinned = false; + col.unpin(); }); } } diff --git a/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts index 0e2ed57e3..63c620b5d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts @@ -71,21 +71,25 @@ export class HierarchicalGridBothSidePinningSampleComponent implements OnInit { public pinLeft() { this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => { - col.pinningPosition = ColumnPinningPosition.Start; - col.pinned = true; + if (col.pinned) { + col.unpin(); + } + col.pin(undefined, ColumnPinningPosition.Start); }); } public pinRight() { this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => { - col.pinningPosition = ColumnPinningPosition.End; - col.pinned = true; + if (col.pinned) { + col.unpin(); + } + col.pin(undefined, ColumnPinningPosition.End); }); } public unpinColumn() { this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => { - col.pinned = false; + col.unpin(); }); } } diff --git a/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts b/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts index 152ae66d4..c212b6181 100644 --- a/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts +++ b/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts @@ -38,21 +38,25 @@ export class TreeGridBothSidesPinningSampleComponent implements OnInit { public pinLeft() { this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => { - col.pinningPosition = ColumnPinningPosition.Start; - col.pinned = true; + if (col.pinned) { + col.unpin(); + } + col.pin(undefined, ColumnPinningPosition.Start); }); } public pinRight() { this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => { - col.pinningPosition = ColumnPinningPosition.End; - col.pinned = true; + if (col.pinned) { + col.unpin(); + } + col.pin(undefined, ColumnPinningPosition.End); }); } public unpinColumn() { this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => { - col.pinned = false; + col.unpin(); }); } }