Customize select dropdown to have a search box

Category : Help Request/Question:

Hi Tabalinas,

During insert of a new item, I want to show a search box in the select dropdown as there may be many values. I tried to customize the default select and use the bootstrap-select for live search (using selectpicker class). My modified code is like this

    insertTemplate: function(value, item) {
	var $select = jsGrid.fields.select.prototype.insertTemplate.call(this);
	$select.addClass('selectpicker');
	$select.attr("data-live-search", "true");
	/*$select.selectpicker({
	liveSearch: true
	});	*/		             		
	$select.selectpicker('refresh');
	$select.selectpicker('render');
	
	return $select;
}			

But nothing gets rendered for this field. Could you let me know how to achieve this Thanks in advance Uma

[umav-123]

Hi Tabalinas, Thank you so much. That fixed the issue. Really appreciate your putting efforts to provide resolutions

[tabalinas]

@umav-123, you are welcome!