net.sf.wcfart.wcf.catedit.package.html Maven / Gradle / Ivy

Go to download



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
    
  

  
    
      
        
        
        
        Measures
      
    
  

  
    
    
      
      
      
      Products
    
    
  
  
  
    
      
      Rows
    
  

  
    
    
      
      
      
      Regions
    
    
  

  
    
      
      Filters
    
  
  
    
    
      
      
      Marketing
    
    
  

  
    
    
      
      
      Material
    
    
  
  



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>