$(function() {
	var dataSource = [
		{'id': 1, 'country': 'El Salvador'},
		{'id': 2, 'country': 'United States of America'},
		{'id': 3, 'country': 'Djibouti'},
		{'id': 4, 'country': 'Botswana'},
		{'id': 5, 'country': 'Mali'},
		{'id': 6, 'country': 'Japan'},
		{'id': 7, 'country': 'Marshall Islands'},
		{'id': 8, 'country': 'Qatar'},
		{'id': 9, 'country': 'Moldova'},
		{'id': 10, 'country': 'Argentina'}
	];

	$('#combo').igCombo({
		dataSource: dataSource,
		valueKey: 'id',
		textKey: 'country',
		multiSelection : 'onWithCheckboxes'
	});

	$('#select-all-from-combo').on('click', function() {
		var $combo = $('#combo');
		var dataSource = $combo.igCombo('option', 'dataSource');
		var values = [];

		dataSource.forEach(function(element, index, array) {
			values.push(element['id']);
		});

		$combo.igCombo('values', values);
	});
});