EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: officecode on March 11, 2019, 09:23:21 PM

Title: Panel settings in the portal
Post by: officecode on March 11, 2019, 09:23:21 PM

The page code is as follows:

Code:

<div id="first" class="easyui-portal"...>
	<div style="width:70%">
		<div id="bts" ...></div>
		<div id="sales" ...></div>
	</div>
	<div style="width:30%">
		<div id="msg" ...></div>
		<div id="log" ...></div>
	</div>
</div>

Now I want to add an action button to the ‘bts’ panel:

Code:

$('#bts').panel({
	tools:[{
		iconCls:'icon-tools',
                ...
        }]
})

The button works fine. However, the panel cannot be dragged. Where is my problem? Please help, thank you!

Title: Re: Panel settings in the portal
Post by: stworthy on March 11, 2019, 10:47:21 PM

Please use this code instead.

Code:

<div id="bts" title="Panel" data-options="
	tools:[{
		iconCls: 'icon-add'
	}]
">
	<p>Panel Content.</p>
</div>