Skip to main content
Version: v11.7.1

Setting partial page content for Panel within a List using JavaScript


We will see how the content of a Panel can be set to a Partial Page. We will be embedding the Panel within a List and use JavaScript to trigger the loading of the Partial Page content.

$scope.panel1Expand = function($event, $isolateScope, item, currentItemWidgets) {
debugger;
_.forEach($('[name="livelist1"]> ul .app-panel'), function(object) {
$(object).isolateScope().expanded = false;
});
currentItemWidgets.panel1.expanded = true;
$scope.$apply();
};