TabView Enhancements

TabView Enhancements

PrimeFaces TabView receives an update for 3.0.M3, there were two popular requests from PrimeFaces Community;

Dynamic number of tabs

There are cases where you can’t know the number of tabs to display, suppose you have a collection and you need a tab for each data. ui:repeat and c:forEach can’t help much here so we’ve added this as a built-in feature.

Demo of Dynamic Tabs

Closable Tabs

Just like browser tabs, a PrimeFaces tab can be closed, you just need to set closable option to true. There is also an optional tabClose ajax behavior provided as a callback similar to tabChange.

Demo of Closable Tabs

  • Daniel
    26 July 2011 at 09:58



    26 July 2011 at 14:25

    Very cool.

    I’d just like to point out: it’s NOT working in Firefox as of now (your LAB-Showcase). I’m sure it will work when released, though.

  • cagataycivici
    26 July 2011 at 16:04

    Make sure to clean your browser cache when visiting Labs.

  • James
    26 July 2011 at 16:31

    U ROCK!
    exactly what I needed!

  • Clément
    26 July 2011 at 17:44

    Very cool! Great job!

    27 July 2011 at 07:21

    Ops, my bad. Of course it works in Firefox!

    Primefaces rocks! I can’t wait for the 3.0 release!
    Keep up the fantastic job!

  • Hugo
    27 July 2011 at 13:26

    Hi Cagatay,
    Very cool!

    Is some deadline to publish the 3.0 realease?


  • cagataycivici
    27 July 2011 at 13:32

    It is due end of August, we’ll see how it goes 🙂

  • Giang
    11 August 2011 at 06:17

    The new TabView is not compatible with the old one, right? I used the latest build, and the old TabView is not working

  • Fernando
    23 August 2011 at 15:54

    The client side methods stopped of work for me, example:

    jQuery(tabView.jqId).tabs(‘add’, url, title);

    Any tips?

Post a Comment