Anguilla | FilteredListControl load Event

Question

Hi GUI/Anguilla Experts,

I am trying to call a function once FilteredListControl (shows items in the right panel in tridion GUI) finished loading. I am adding event handler as below but it doesn't work. I've tried "start" and "draw" events as well but no luck.

var FilteredListControl = $display.getView().getFilteredListControl();
$evt.addEventHandler(FilteredListControl, "load", function(){alert('loaded')});

Any idea what's wrong with this?

Update

The problem I am trying to solve is, when a user selects a repository item in left panel and right panel gets refreshed, at that event I want to place a search textbox just above the results, same as this plugin.

Answer 1

That's because the FilteredListControl doesn't fire one of those events. You can check which events are fired by attaching a listener to all events. E.g.:

$evt.addEventHandler(FilteredListControl, "*", function(event){console.log(event);});

To achieve what you want you have to attach an event handler to the TreeViewControl like this:

var treeControl = $display.getView().getTreeControl()
$evt.addEventHandler(treeControl, "select", function(event){console.log('selected');});

I'm not entirely sure if this event fires at the correct moment, but for placing a textbox it should suffice

Answer 2

So, Using Albert's code as below I figured out that FilteredListControl didn't has any event associated with it.

$evt.addEventHandler(FilteredListControl, "*", function(event){console.log(event);});

Then I extracted the list control from it and that does have the "draw" event associated with it. Attaching a event handler function to this event solve my problem.

Code:

var filteredListControl = $display.getView().getFilteredListControl();

var listControl = filteredListControl.getList();

$evt.addEventHandler(listControl, "draw", myHandlerFunction);