How to set collapsedContent when south panel is hide?

[Aod47]

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.

$('#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.

[Aod47]

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