Does anyone know how I can do this?

So you are using a custom listview layout? I'm presuming you have seen this article - https://24days.in/umbraco-cms/2016/custom-list-view-layouts/ I'd guess you'd need to add your dropdown into the listview and then filter the listview result items returned using an AngularJS filter:

OK, it's not mine either, but I can see that in the example the controller has a value called $scope.items that contains a list of all the items in the listview.

So you could perform a filter on this within the activate function, something like:

$scope.items = $scope.items.filter(function (item) {
    return item.contentTypeAlias === "whatEver";
});

That would just return all the items who have a contentTypeAlias that equals "whatEver". You'd just need to make the comparison value the selected value of your list and then compare it to one of the properties that item has. If it's a custom property then each item has an array of properties for these.

If you add:

console.log($scope.items)

to your controller then you can use chrome dev tools console to see all the values. Hope that gives you some help?

I've managed to get it working, however the filtered results seems to reset themselves when you use the pagination - any thoughts on how I can get around this?

Thanks

Paul

Hey Paul,

can you share your solution with us? Did you find solution for pagination or you abandon the whole concept and implement different approach.

hello all, if it helps, u can create a custom listview layout ( acurding to the link mentioned Dan Diplo - https://24days.in/umbraco-cms/2016/custom-list-view-layouts/ ).

• after having created the layout as mentioned,

--- step 1 ---

• create in the controller.js new function which will be somthing like this:

function getFilterName(item) {

        if (!item.contentTypeAlias == "desierdDocAlias") {
             item.showOrHide = "hideItmLst";
    }

}

• the desierdDocAlias will be the document alias u want to display.

--- step 2 ---

go to the html file, go to the second div ( the one with the class "my-songs-layout__cards"

and change the class attribute to :

class="my-songs-layout__card {{item.showOrHide}}"

--- step 3 ---

go to the css file and ad:

.hideItmLst { display: none !important; }

--- step 4 ---

• call the function getFilterName in the activate() function (also in the controller.js)

-- by doing all that,. the layout will only show the items with the selected alias you have mentioned in the getFilterName(item) function.

offcurse u can change the display by seeting the css files and the html file but i think u got the idea...

hoped it helps. it worked for me.

P.S - using umbraco 7.5

is working on a reply...