Package com.tonbeller.wcf.catedit

An editor that allows the user to assign items to categories.

See:
          Description

Interface Summary
Category a category that has items associated with it
CategoryElementRenderer creates the category DOM Element node
CategoryModel Created on 09.12.2002
CategoryModelChangeListener  
Item an item that belongs to a category
ItemElementRenderer creates the item DOM Element node
 

Class Summary
CategoryEditor The editor component.
CategoryEditorTag Created on 20.12.2002
CategoryModelChangeEvent  
CategoryModelSupport Created on 09.12.2002
CategorySupport Created on 09.12.2002
DefaultCategoryElementRenderer creates a DOM Element named "cat-catecory" with attributes "name" and "icon"
DefaultItemElementRenderer creates a DOM Element named "cat-item" with attribute "name"
TestCategoryModel  
 

Package com.tonbeller.wcf.catedit Description

An editor that allows the user to assign items to categories. An item can belong to exactly one category. The order of items in a category may be significant. If it is, the user will be able to change the order of the items, otherwise she will not.

Example: Columns, Rows, Filters are categories, Measures, Products, Regions, Marketing and Material are items that may be assigned to one of the categories. In the category Filters the order of items is not significant, in the other categories the order is significant.

Navigator

Columns
Rows
Filters

Classdiagram

DOM Tree Example

<cat-edit>
  <cat-category icon="column.png" name="Spalten">
    <cat-item name="Products">
      <cat-button icon="row.png" id="wcf.catbutton.0"/>
      <cat-button icon="filter.png" id="wcf.catbutton.1"/>
      <move-button/>
      <move-button move="fwd" id="wcf.catbutton.2"/>
    </cat-item>
    <cat-item name="Region">
      <cat-button icon="row.png" id="wcf.catbutton.3"/>
      <cat-button icon="filter.png" id="wcf.catbutton.4"/>
      <move-button move="bwd" id="wcf.catbutton.5"/>
      <move-button/>
    </cat-item>
  </cat-category>
  <cat-category icon="row.png" name="Zeilen">
    <cat-item name="Measures">
      <cat-button icon="column.png" id="wcf.catbutton.6"/>
      <cat-button icon="filter.png" id="wcf.catbutton.7"/>
    </cat-item>
  </cat-category>
  <cat-category icon="filter.png" name="Filter">
    <cat-item name="Region">
      <cat-button icon="column.png" id="wcf.catbutton.8"/>
      <cat-button icon="row.png" id="wcf.catbutton.9"/>
    </cat-item>
  </cat-category>
  <button id="wcf.navigator.ok" label="OK"/>
  <button id="wcf.navigator.cancel" label="Cancel"/>
</cat-edit>