Panel tool button with text

[Fabrice]

How can i add text to panel tool button ?
I try this but does not work :

Code:

tools: [{
    iconCls: 'icon-add',
    text: 'Add',
    handler: function () {
        alert('add');
    }
}, {
    iconCls: 'icon-remove',
    text: 'Remove',
    handler: function () { alert('remove') }
}]

[stworthy]

You can not use the 'tools' property to add a text button, but you can custom the whole panel header.

Code:

<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>

[iLLuSia]

Hello,

I used this code to add buttons on the title on a dialog, it works fine. But there's a little problem: I can no longer drag&drop the dialog. Is there a way to fix this?

[stworthy]

Please refer to the code below.

Code:

<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>

Code:

$(function(){
$('#dlg').data('window').window.draggable({
handle: '>.panel-header>.panel-title'
})
})

[iLLuSia]

I'll be testing the code in the near future. Thank you very much!