How To Mouseover Checkbox?

Posted By Vitaliy | March 27, 2012 | ExtJS 4.0.7
0 2685
Reply to post

Js Code

Ext.onReady(function () {
	var panel = Ext.create('Ext.panel.Panel', {
			title: 'Test Form',
			width: 450,
			bodyPadding: 10,
			items: [
						{
							fieldLabel: 'Label',
							xtype: 'checkbox',
							listeners:
							{
								afterrender: function () {
									this.inputEl.on('mouseover', function () {
										log.update('mouseover: ' + Ext.Date.format(new Date(),'H:i:s'));
									});
								}
							}
						}
					],
			renderTo: Ext.getBody()
		}),
		log = Ext.create('Ext.panel.Panel', {
			width: 450,
			bodyPadding: 10,
			margin: '5 0 0 0',
			html: 'Move mouse over checkbox',
			renderTo: Ext.getBody()
		});
});