tools: [{ iconCls: 'icon-add', text: 'Add', handler: function () { alert('add'); }}, { iconCls: 'icon-remove', text: 'Remove', handler: function () { alert('remove') }}]
<div id="p" class="easyui-panel" title="Basic Panel" style="width:430px;height:200px;"> <header> <span style="display:inline-block;line-height:20px">title</span> <span style="float:right;"> <a href="#" class="easyui-linkbutton" style="height:20px">textbutton</a> </span> </header></div>
<div id="dlg" class="easyui-dialog" title="Basic Dialog" data-options="iconCls:'icon-save'" style="width:400px;height:200px;padding:10px"> <header class="f-row"> <div class="panel-title f-full"> <span style="display:inline-block;line-height:20px">title</span> </div> <a href="#" class="easyui-linkbutton" style="height:20px">textbutton</a> </span> </header> <div>The dialog content.</div></div>
$(function(){ $('#dlg').data('window').window.draggable({ handle: '>.panel-header>.panel-title' })})