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