Hello,
I'm experiencing an issue trying to capture the Lost Focus/Blur event of a Combo box Column I have in my igGrid.
I have my Edit Mode for the Grid set to Row, and this cannot be changed to Cell based on its required functionality.
All of the solutions I've found online for this are for a Column of editor type "Text", but I need a solution for "combo".
Any help would be appreciated.
Code Example:
Grid Edit Mode is to the ROW (I know CELL would fix this, but it is not an option)
This is in my column's editor options:
columnKey: "GridKey", editorType: "combo ", mode:0, editorOptions: { autoComplete : true, dataSource: datasource, textKey: "ShpNameID", valueKey: "ShpNameKey", blur : function(evt) { alert("test"); }
No matter what i do, I cannot catch it's lost focus event.
Thank You,
Dominick
Hello Dominick,
In general blur is not included in the comboBox API, so you could not directly assign it in the comboBox initialization. What is more I suggest you use an appropriate inbuilt option such as closeDropDownOnBlur- Sets gets ability to close drop-down list when control loses focus. Note: if application disables that option, then it is responsible for closing drop-down list.
//Initialize
$(".selector").igCombo({
closeDropDownOnBlur: false
});
//Get
var closeDropDownOnBlur = $(".selector").igCombo("option", "closeDropDownOnBlur");
//Set
$(".selector").igCombo("option", "closeDropDownOnBlur", false);
API options available: http://help.infragistics.com/jQuery/2013.2/ui.igcombo#options
Depending on your app, it is also possible to use events such as dropDownClosed. More info regarding the API events could be found at: http://help.infragistics.com/jQuery/2013.2/ui.igcombo#events
Please let me know if you have any questions regarding this .