Hello Andrew,

I created a small sample, using the snippets provided, trying to replicate the behavior on your side.

I am adding a div element as a template for the “Name” column and I am assigning the div`s id to the current row id. After switching to different pages, scrolling up and down and I inspect the cell I am able to see the div element with the correct id.

Attached you will find my sample. Please test it on your side and let me know how it behaves on your side. If this is not an accurate demonstration of what you are trying to achieve please feel free to modify it so that it replicates the issue, and send it back to me along with steps to reproduce. Having a small application on my side, which I can debug, is going to be highly appreciated and helpful in finding the root cause of the behavior.

Looking forward to hearing from you.

Hello Andrew,

My suggestion is to initialize the custom combobox widget inside the pagerRendered event handler of the Paging feature:

pagerRendered: function (evt, ui) {
	var dataSource = ui.dataSource.recordsForPage(ui.owner.pageIndex());
	$.each(dataSource, function (index, row) {
		$("#grdlist_" + row.ProductID).CustomList({
			'id': 'grdlist_' + row.ProductID,
			'dataSource': ListData,
			'valueKey': 'col1',
			'textKey': 'col2',
			'selected': row.ProductID,
			'externalColumns': ListCols,
			'callback': onGridListSelection
		});
	});
}

I have modified and attached Vasya' s sample for your reference.

Hello Andrew,

Hello Andrew,

Your assumption is correct. There is no out-of-the box way to bind and sync igCombo template values with grid cell values. This has to be manually implemented by handling all corresponding events of both controls. This means that you have to configure the igCombo so that its selectionChanged event is handled in order to ensure that the newly selected value is set as cell value in the underlying data source. Additionally, you will have to bind igCombo selected values with the current cell value so that current cell value will be set as selected item in the combo. For achieving your requirement you can take advantage of the Updating feature methods such as:

Hello Andrew,

As mentioned in my previous post cell templating works only on igGrid`s rendering phase. 

Hello Andrew,

I assumed that you are looking for a way to persist row selection rather than the igCombo selection.

Column formatting via templates defines how column cells are displayed in the grid. Formatting operates at the grid rendering phase and doesn't affect the data in the underlying data source. This means that features that operate on the data like Sorting, Filtering, Group By will not consider the formatted cell values because these values are not reflected anywhere.