如何在easyui-combo的下拉面板上方进行easyui对话

Question

我正在尝试使用下拉面板和一个使用jQuery EasyUI创建对话框的按钮来制作一个组合。 问题在于该对话框在下拉面板下。 如何使对话框显示在面板上方？

    $('#combo').combo();

    var panel = $('#combo').combo('panel');

    var btn = $('<button>Dialog</button>').appendTo(panel);

    btn.click(function () {

        var dialog = $('<div></div>').appendTo($('body'));

        dialog.dialog({
            width: 200,
            height: 200,                
        });
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link href="http://www.jeasyui.com/easyui/themes/default/easyui.css" rel="stylesheet"/>
<script src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>

<input id="combo" />