EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Aod47 on June 15, 2020, 06:10:53 PM



Title: How to set collapsedContent when south panel is hide?
Post by: Aod47 on June 15, 2020, 06:10:53 PM
I define south panel like this.

Code:
<div id="ItemCheckoutDetail" data-options="region:'south',border:true,collapsible:true,hideCollapsedContent:false" style="height:50%;">

when I click row in datagrid on center panel I set title of south panel title with selected row data.

Quote
$('#ItemCheckoutDetail').panel({ title: 'Item Detail: ' + row.item_barcode + " " + row.title  });
$('#ItemCheckoutDetail').panel({ collapsedContent: 'Item Detail: ' + row.item_barcode + " " + row.title });


But the title of south panel when is collapsed not update with selected row.

Could you please advice. Thank you.


Title: Re: How to set collapsedContent when south panel is hide?
Post by: Aod47 on June 16, 2020, 05:57:04 PM
OK. I got a trick.

Code:
var p = $('#itemckout').layout('panel', 'expandSouth'); // id of layout
p.panel('setTitle', 'Item Detail: ' + row.item_barcode + " " + row.title );