Nibble

UI-O-Matic ListView

Posted October 19, 2015

UI-O-Matic also provides the option to display your objects in a listview (since the tree isn’t the best choice when working with a lot of data).

Setup

You can specify the render type on the UIOMatic attribute (by default this is set to Tree)

1 [UIOMatic("cmsDataType", "icon-box-open", "icon-box-open",
2         RenderType = UIOMaticRenderType.List)]

Now you wont see the items in the tree anymore but in a list view

Screen Shot 2015-10-19 at 12.08.49

The listview allows you to sort by column and also filter by searching (all of this is server driven so should allow working with large datasets).

Screen Shot 2015-10-19 at 12.09.05

Ignoring columns

If you wish to exlude certain columns/properties from being displayed in the listview you can decorate your properties with the UIOMaticIgnoreFromListView attribute.

For more details on UI-O-Matic please check out the docs

Special thanks to Tom Fulton for his contributions to the listview.

2 Comments so far

  1. Juan David on November 30th, 2015

    I am trying to do a List View without UI-O-MATIC, because I am usgin Umbraco 7.2.8, so it doesn’t work.

    Do you have any documentation to set list view in a custom tree?

    Thanks

  2. Tim Geyssens on December 1st, 2015

    @Juan, look at the UI-O-Matic sourcecode it’s pretty easy to setup and I think there will be a article on http://24days.in/umbraco/ shortly about the subject

Leave a Reply