Adding handler in Easyui Desktop

[Alfred]

I am trying to add a handler in the desktop app. But this is not working. Since desktop extension is on top of easyui window, it is not possible to make it work like a dialog as well. For example I tried to add buttons option it is not working.

Code:

$('body').desktop({
	apps: [{
		name: 'All Projects',
		icon: 'images/alldoc.png',
		width: 800,
		height: 400,
		left: 200,
		top: 50,
                handler:function(){
                  alert('handler');
               }
	}]
});

Please help.

[stworthy]

You can define the 'content' property, let it display buttons on the bottom.

Code:

<style type="text/css">
.f-column{
	display: flex;
	flex-direction: column;
	position: relative;
}
.f-full{
	flex: 1 1 auto;
}
</style>

$('body').desktop({
	apps: [{
		name: 'Computer',
		icon: 'images/computer.png',
		width: 800,
		height: 400,
		left: 200,
		top: 50,
		bodyCls: 'panel-noscroll',
		content: '<div class="f-column cc" style="height:100%"><div class="f-full"></div><div class="dialog-button"><a href="javascript:;" class="easyui-linkbutton">Button</a></div></div>'
	...	
});
$.parser.parse('.cc')

[Alfred]

Thanks for quick reply.
Will it be possible to have handler? Please can you give an example. The above example does not work for me.

Thanks again

[stworthy]

Please look at this example http://code.reloado.com/udonex3/edit#preview

[Alfred]

The problem is that it does not work well with

Code:

href:

. As I cannot make the code to close the window, so it would be better to have a handler.

Code:

$(this).window('close');

will not work.
If you can give one, I would highly appreciate.

[stworthy]

The toolbar and buttons are added into the desktop window. Please download the newest desktop extension from https://www.jeasyui.com/extension/desktop.php

The example is available from http://code.reloado.com/udonex3/2/edit#html