EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Xiaolin on November 22, 2011, 02:17:48 AM

Title: Key event support for Messager
Post by: Xiaolin on November 22, 2011, 02:17:48 AM

Is the Messager support key event?
For example, using Messager.alert, can we close the dialog by pressing Enter (as clicking on the OK button)?

Title: Re: Key event support for Messager
Post by: LWardwell on December 20, 2011, 12:08:23 PM

Ditto for Dialog? Anyway to hook Return/Enter?

Title: Re: Key event support for Messager
Post by: tslatt on December 27, 2011, 08:20:15 AM

In the demo, pressing enter works to close a Messager.alert. It doesn't seem to be built in to the Dialog, though. Perhaps because it has more than one button.

Title: Re: Key event support for Messager
Post by: stworthy on December 27, 2011, 06:04:23 PM

To set the dialog default button, make that button get focus when dialog is opened:

Code:

$('#dd').dialog({
	buttons:[{
		id:'btnOk',
		text:'Ok',
		iconCls:'icon-ok',
		handler:function(){
			alert('ok');
		}
	},{
		text:'Cancel',
		handler:function(){
			$('#dd').dialog('close');
		}
	}],
	onOpen:function(){
		$('#btnOk').focus();
	}
});