User Story

As an app developer, I want to provide end-users with the ability to easily add new tabs by clicking a plus icon located adjacent to the last tab in a Tabbox.

Adding a new tab is a very common control for a multi-tabs UI like browser tabs:

ZK Tab supports closable for close/delete tab, so it should be quite reasonable to provide a button (or an icon) to add a tab.

Acceptance Criteria

1. Tabbox renders an add button (or an icon). When an end-user clicks the add button, it fires an event onAddTab. Let app developers handle it.
2. Tabbox provides a method, addNewTab() to add a new tab with a default name.

Use case

using LIstModel

since tabbox supports Model-driven rendering, app devs should handle onAddTab event to add a new object in their own model by themselves.

Using Tabbox without a ListModel

In this case, app devs may create a new Tab component directly without a model. Either they can handle onAddTab by themselves or just call Tabbox.addNewTab()

Current alternative

customize Tabbox to render the inner toolbarbutton right next to the last tab.