There are two kinds of behaviors:

- `<f:ajax/>` send an ajax request
- `<tc:event/>` do a full page reload

Tag Library Documentation: |

Type a text into the input field. After leaving the input field, the given text is shown in the output field.

    <tc:in label="Ajax Input" value="\#{behaviorController.ajax}">
      <f:ajax render="outAjax"/>
    </tc:in>

    <tc:in label="Event Input" value="\#{behaviorController.event}">
      <tc:event/>
    </tc:in>

It's possible to change the event name. For example if you want a double click event, change the event name to `dblclick`. This is done for the following two buttons.

    <tc:button label="Ajax Double Click">
      <f:ajax event="dblclick" render="outCounter" listener="..."/>
    </tc:button>
    <tc:button label="Event Double Click">
      <tc:event event="dblclick" actionListener="..."/>
    </tc:button>

`<tc:event>` may contain `<f:ajax>` and `<tc:operation>` tags.

This is helpfull if the parent component cannot handle operations by itself.

The `event` attribute of the ajax children will be ignored.

An example can be found for Option: 'open popup on click with AJAX'.

    <tc:row>
      <tc:event>
        <f:ajax execute=":::popup" render=":::popup" listener="..."/>
        <tc:operation name="show" for=":::popup"/>
      </tc:event>
    </tc:row>