fix: Update igCombo data to export options.

IgniteUI · Feb 5, 2018 · 0c7eff3 · 0c7eff3
1 parent 19bd446
commit 0c7eff3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/templates/jquery/js/hierarchical-grid/hierarchical-grid-export/files/index.html b/templates/jquery/js/hierarchical-grid/hierarchical-grid-export/files/index.html
@@ -66,7 +66,7 @@ <h4>Data Export Mode:&nbsp</h4>
 			$("#exportOptions").igCombo({
                 width: "200px",
 				mode: "dropdown",
-				dataSource: [{text: "All Rows", value: "allRows"}, {"text":"Expanded Rows", "value":"expandedRows"}],
+				dataSource: [{"text": "All Rows", "value": "allRows"}, {"text":"Expanded Rows", "value":"expandedRows"}],
                 textKey : "text",
                 valueKey: "value"
 			});

diff --git a/templates/react/es6/grid/grid-export/files/client/components/__path__/index.js b/templates/react/es6/grid/grid-export/files/client/components/__path__/index.js
@@ -83,6 +83,7 @@ export default class  $(ClassName) extends Component {
 				</div>
 				<div>
 				<IgCombo
+					id="combo"
 					width="200px"
 					mode="dropdown"
 					dataSource={this.state.keys}

diff --git a/.../es6/hierarchical-grid/hierarchical-grid-export/files/client/components/__path__/index.js b/.../es6/hierarchical-grid/hierarchical-grid-export/files/client/components/__path__/index.js
@@ -27,20 +27,20 @@ export default class $(ClassName) extends Component {
 		super(props);
 		this.state = {
 			northwind,
-			keys:["EmployeeID", "LastName", "Country", "Age", "IsActive", "Company", "RegistererDate"],
-			columnsToSkip: []
+			exportOptions:[{"text": "All Rows", "value": "allRows"}, {"text":"Expanded Rows", "value":"expandedRows"}],
+			exportOption: []
 		};
 
 		this.export = () => {
 			// export
 			$.ig.GridExcelExporter.exportGrid($("#hierarchicalGrid"), {
 				fileName: "igHierarchicalGrid",
 				worksheetName: 'Sheet1',
-				columnsToSkip: this.state.columnsToSkip
+				exportOption: this.state.exportOption
 			});
 		}
 		this.selectionChanged = (ev, ui) => {
-			this.setState({columnsToSkip: ui.items});
+			this.setState({exportOption: ui.items[0].data.value});
 		}
 	}
 	render() {
@@ -51,13 +51,11 @@ export default class $(ClassName) extends Component {
 				</div>
 				<div>
 					<IgCombo
+						id="combo"
 						width="200px"
 						mode="dropdown"
-						dataSource={this.state.keys}
-						multiSelection={{
-							enabled: true,
-							showCheckboxes: true
-						}}
+						responseDataKey="exportOptions"
+						dataSource={this.state}
 						selectionChanged={this.selectionChanged}
 						 />