Web Component Framework Tags (de)

Content

• calendar
• catedit
• charset
• confirm
• connect
• contentType
• evenOdd
• form
• formbutton
• ifRole
• imgbutton
• include
• linkAction
• linkParam
• logform
• pageStack
• paramLink
• paramLinkGroup
• paramPool
• paramSql
• paramSqlMapping
• pushbutton
• pushParam
• render
• renderParam
• scriptbutton
• scroller
• separator
• setParam
• sqlTable
• sqlTableOrderBy
• sqlTablePageNavigations
• sqlTableSortButton
• statusline
• table
• tablePropertiesForm
• token
• toolbar
• tree
• wizard

calendar

Example

<wcf:calendar/>

catedit

Example

charset

Example

<meta http-equiv=Content-Type content="text/html; charset=<wcf:charset/>">
    

confirm

Example

<wcf:confirm id="confirmForm"  xmlUri="/WEB-INF/wcf/confirm.xml" visible="false"/>

connect

Example

<jsp:useBean id="testbean" class="com.tonbeller.wcf.form.TestBean" scope="session" />
<wcf:form id="formcomp" xmlUri="/WEB-INF/formdemo.xml" model="#{testbean}"/>
<wcf:tree id="tree01"/>
<wcf:connect form1="#{formcomp}" form2="#{tree01}"/>

<form action="formdemo.jsp" method="POST" id="form01">
  <wcf:render ref="#{formcomp}" xslUri="/WEB-INF/wcf/wcf.xsl" xslCache="true"/>
  <wcf:render ref="#{tree01}" xslUri="/WEB-INF/wcf/wcf.xsl" xslCache="true">
    <wcf:renderParam name="border" value="1"/>
  </wcf:render>
</form>
    

contentType

Example

<wcf:contentType type="text/html"/>
will set the content-type to
  "text/hmtl; charset=UTF-8"
if UTF-8 is configured in the CharsetFilter.
    

evenOdd

Example

      <style>
        td.mytable-even { ... }
        td.mytable-odd { ... }
      </style>
      ...
      <c:forEach ...>
        <td class="<wcf:evenOdd clazz='mytable'/>">
        ...
        <!-- produces the same result as above -->
        <td class="<wcf:evenOdd even='mytable-even' odd='mytable-odd'/>">
      </c:forEach>

form

<xform style="twocolumn">
  <title value="Form Demo">
    <imgButton label="Cancel" .../>
  </title>
  <textField type="int" modelReference="intValue" label="Count" .../>
  <checkBox modelReference="nestedBean.boolValue" label="Check Me" .../>
</xform>

<xform style="twocolumn">
  <textField id="field1" .../>
  <checkBox id="$id.field2" .../>
</xform>

Example

<jsp:useBean id="testbean" class="com.tonbeller.wcf.form.TestBean" scope="session" />
<wcf:form id="formcomp" xmlUri="/WEB-INF/formdemo.xml" model="#{testbean}"/>
<form action="formdemo.jsp" method="POST" id="form01">
  <wcf:render ref="#{formcomp}" xslUri="/WEB-INF/wcf/wcf.xsl" xslCache="true"/>
</form>

Example

<xform style="twocolumn">
  <title value="fmt:fetch.title.from.resource.bundle">
    <imgButton id="cancel" src="wcf/form/cancel.png" action="revert" label="Cancel" forward="tabledemo.jsp" handler="com.tonbeller.wcf.form.ButtonHandler"/>
  </title>

  <!-- Text control -->
  <textField id="string" type="string" modelReference="stringValue" label="Text:"    value="" title="please enter some text"/>
  <textField id="int"    type="int"    modelReference="intValue"    label="Integer:" value="" title="please enter an integer"/>
  <textField id="double" type="double" modelReference="doubleValue" label="Decimal number:"    value="" title="please enter a decimal number"/>
  <textField id="date"   type="date"   modelReference="dateValue"   label="Date:"    value="" title="please enter a date"/>
  <textField id="dateTime" type="dateTime"   modelReference="dateTimeValue"   label="Date/Time:"    value="" title="please enter a date/time"/>

  <!-- Password control -->
  <password id="password" type="string" modelReference="password" label="Password:" value=""/>

  <!-- Text area -->
  <textArea id="textarea" rows="7" cols="40" type="string" modelReference="textArea" label="Text area:" value="This is a text area"/>

  <checkBox id="checkbox1" modelReference="checkBox1" label="check box 1"/>
  <checkBox id="checkbox2" modelReference="checkBox2" label="check box 2"/>

  <!-- ListBox, single selection -->
  <listBox1 id="list1" type="int" modelReference="list1" label="List, single selection:">
    <listItem id="list1.1" value="1" label="list item 1"/>
    <listItem id="list1.2" value="2" label="list item 2"/>
    <listItem id="list1.3" value="3" label="list item 3"/>
    <listItem id="list1.4" value="4" label="list item 4"/>
  </listBox1>


  <!-- ListBox, multiple selection -->
  <listBoxN id="listN" type="int" modelReference="listN" label="List, multiple selection:">
    <listItem id="listN.1" value="1" label="list item 1"/>
    <listItem id="listN.2" value="2" label="list item 2"/>
    <listItem id="listN.3" value="3" label="list item 3"/>
    <listItem id="listN.4" value="4" label="list item 4"/>
  </listBoxN>


  <!-- ListBox, single selection, dynamic item list -->
  <listBox1 id="listbox" type="int" modelReference="dynList" label="List, dynamic content:" handler="com.tonbeller.wcf.form.TestItems"/>

  <label label="This is a label" value="value attribute goes here"/>
  <label label="Dynamic label (content from TextArea)" modelReference="textArea"/>

  <radioButton id="radio1" modelReference="radioButton1" group-id="group1" label="radio button 1"/>
  <radioButton id="radio2" modelReference="radioButton2" group-id="group1" label="radio button 2"/>

  <buttons>
    <button id="cancel" action="revert" label="Cancel" forward="tabledemo.jsp" handler="com.tonbeller.wcf.form.ButtonHandler"/>
    <button id="revert" action="revert" label="Revert" handler="com.tonbeller.wcf.form.ButtonHandler"/>
    <button id="validate" action="validate" label="Validate" handler="com.tonbeller.wcf.form.ButtonHandler"/>
    <button id="ok" action="validate" label="OK" forward="tabledemo.jsp" handler="com.tonbeller.wcf.form.ButtonHandler"/>
  </buttons>

</xform>
    

formbutton

Example

<jsp:useBean id="testbean" class="com.tonbeller.wcf.form.TestBean" scope="session" />
<wcf:form id="formcomp" xmlUri="/WEB-INF/formdemo.xml" model="#{testbean}"/>
<wcf:toolbar id="toolbar01" bundle="com.tonbeller.wcf.toolbar.resources">
  <wcf:formbutton ... action="validate" forward="newpage.jsp" form="#{formcomp.form}"/>
</wcf:toolbar>
    

ifRole

Example

<wcf:ifRole role="tomcat">
  <h1>Hi, Tomcat</h1>
</wcf:ifRole>
    

imgbutton

Example

<wcf:imgbutton  id="button5" img="button" href="/some/path" visibleRef="#{toolbean.checkBox1}"/>

include

Example

<wcf:include id="include01" httpParam="query" prefix="/WEB-INF/queries/" suffix=".jsp"/>

linkAction

Example

      <paramLinkGroup id="myParam">
        ...
        <wcf:paramLink page="/customer.jsp">
          click here!!
          <wcf:linkParam
            name="CUSTOMERID"
            sqlValue="${result.customerId}"/>
          <wcf:linkAction
            target="${customerViewHelper}"
            method="onClick"/>
        </wcf:paramLink>
        ...
      </paramLinkGroup>
    

linkParam

Example

      <paramLinkGroup id="myParam">
        ...
        <!-- single parameter -->
        <wcf:paramLink
          page="/customer.jsp"
          name="CUSTOMERID"
          sqlValue="${result.customerId}">
          click here!!
        </wcf:paramLink>
        ...
        <!-- multiple parameters -->
        <wcf:paramLink page="/customer.jsp">
          click here!!
          <wcf:linkParam
            name="CUSTOMERID"
            sqlValue="${result.customerId}"/>
          <wcf:linkParam
            name="SCOREID"
            sqlValue="${result.scoreId}"/>
        </wcf:paramLink>
        ...
      </paramLinkGroup>
    

logform

Example

<wcf:logform id="logdemo" xmlUri="/WEB-INF/logdemo.xml" logDir=".wcf/logging"/>
<form action="logdemo.jsp" method="POST" id="logform">
  <wcf:render ref="logdemo" xslUri="/WEB-INF/wcf/wcf.xsl" xslCache="true"/>
</form>
    

pageStack

Example

      <div class="pagestack">
        You are here:
        <wcf:pageStack var="p" varStatus="status" page="thispage.jsp" title="This Page Title">
          <c:if test="${not status.first}">
            &gt;
          </c:if>
          <a href="<c:out value='${p.page}'/>"><c:out value="${p.title}"/></a>
        </wcf:pageStack>
      </div>
    

paramLink

Example

      <paramLinkGroup id="myParam">
        ...
        <!-- single parameter -->
        <wcf:paramLink
          page="/customer.jsp"
          target="_blank"
          paramName="CUSTOMERID"
          sqlValue="${result.customerId}">
          click here!!
        </wcf:paramLink>
        ...
        <!-- multiple parameters -->
        <wcf:paramLink page="/customer.jsp">
          click here!!
          <wcf:linkParam
            paramName="CUSTOMERID"
            sqlValue="${result.customerId}"/>
          <wcf:linkParam
            paramName="PRODUCTID"
            sqlValue="${result.productId}"/>
        </wcf:paramLink>

        ...
      </paramLinkGroup>
    

paramLinkGroup

Example

<wcf:paramLinkGroup id="mylinks"...>
  <wcf:paramLink .../>
  <wcf:paramLink .../>
</wcf:paramLinkGroup/>
    

Example

<wcf:paramLinkGroup id="mylinks" hideIf="#{mybean.printMode}">
  <wcf:paramLink .../>
  <wcf:paramLink .../>
</wcf:paramLinkGroup/>
    

paramPool

Example

<wcf:paramPool/>
    

paramSql

Example

      <wcf:paramLink
        page="/customer.jsp"
        name="CUSTOMERID"
        sqlValue="${result.customerId}">
        click here!!
      </wcf:paramLink>
      ...
      <sql:query>
        SELECT ...
        FROM CUSTOMERS T1, ...
        WHERE <wcf:paramSql param="CUSTOMERID" qname="T1.CUSTOMER_PK"/>
        AND ...
      </sql:query>
    

paramSqlMapping

Example

      <sql:query>
        SELECT ...
        FROM CUSTOMERS T1, LINE_ITEMS T2, ...
        WHERE
          <wcf:paramSql param="COMPLEX_CONDITION">
            <wcf:paramSqlMapping column="CUSTOMERID" qname="T1.CUSTOMER_PK"/>
            <wcf:paramSqlMapping column="PRODUCTID" qname="T2.PRODUTCT_FK"/>
          </wcf:paramSql>
        AND ...
      </sql:query>
    

pushbutton

Example

<wcf:toolbar id="toolbar01" bundle="com.tonbeller.wcf.toolbar.resources">
  <wcf:pushbutton id="button4" img="button"/>
  ...
</wcf:toolbar>
...
<c:if test="${toolbar01.buttons.button4.pressed">
  <h1>Button Pressed!!</h1>
</c:if>

pushParam

Example

      CUSTOMER_ID = 999
      <wcf:pushParam name="CUSTOMER_ID" value="#{bean.myProperty}">
        render page as if CUSTOMER_ID was bean.getMyProperty()
      </wcf:pushParam>
      now is back to CUSTOMER_ID = 999
    

render

      <myelem>
        <param name="abc" attr="bcd"/>
      </myelem>
      

      <myelem bcd="efg">
        <param name="abc" attr="bcd"/>
      </myelem>
      

        <button label="OK" action="validate" handler="...">
          <param name="successPage" attr="forward"/>
        </button>
      

        <wcf:renderParam name="successPage" value="/somepage.jsp"/>
      

Example

<wcf:tree id="tree01"/>
<wcf:render ref="#{tree01}" xslUri="/WEB-INF/wcf/wcf.xsl" xslCache="true">
  <wcf:renderParam name="border" value="1"/>
</wcf:render>
    

renderParam

Example

<wcf:renderParam name="language" value="en" scope="session"/>
<wcf:render ...>
  <wcf:renderParam name="border" value="0"/>
</wcf:render>
<wcf:renderParam test="language" value="en">
  This is english.
</wcf:renderParam>
<wcf:renderParam test="language" value="!en">
  This is not english.
</wcf:renderParam>
    

scriptbutton

Example

<wcf:scriptbutton id="button2" img="button" model="#{toolbean.radioButton1}" radioGroup="radio1" visibleRef="#{toolbean.checkBox1}"/>

scroller

separator

Example

<wcf:separator/>

setParam

Example

      CUSTOMER_ID = 999
      <wcf:setParam name="CUSTOMER_ID" value="#{bean.myProperty}"/>
      now CUSTOMER_ID is bean.getMyProperty()
    

sqlTable

Example

<form action="my.jsp" method="POST">
  <wcf:sqlTable id="mytable" maxRows="200" orderBy="CUSTOMER" descending="true">
    <sql:query var="result" maxRows="${mytable.maxRows}" startRow="${mytable.startRow}">
      SELECT   ...
      FROM ...
      WHERE ...
      <wcf:sqlTableOrderBy />
    </sql:query>
    <table border="1" cellspacing="0" cellpadding="2">
      <tr>
        <th><wcf:sqlTableSortButton column="CUSTOMER"/>&nbsp;Customer</th>
        ... more column headings ...
      </tr>
      <c:forEach var="row" items="${result.rows}">
        <tr>
          <td>
            <c:out value="${row.CUSTOMER}"/>
          </td>
          ... more columns ...
        </tr>
      </c:forEach>
      <tr>
        <td colspan="7">
          <wcf:sqlTablePageNavigations result="${result}"/>
        </td>
      </tr>
    </table>
  </wcf:sqlTable>
</form>

sqlTableOrderBy

sqlTablePageNavigations

sqlTableSortButton

statusline

Example

<wcf:statusline/>

table

Example

<wcf:table id="t1" model="#{tmodel}" selmode="multi" closable="false" sortable="false" pageable="true" pagesize="10"/>
<wcf:render ref="#{t1}" xslUri="/WEB-INF/wcf/wcf.xsl" xslCache="true"/>
    

tablePropertiesForm

Example

<wcf:table id="t1" model="#{tmodel}" selmode="multi" closable="false" sortable="false" pageable="true" pagesize="10"/>
<wcf:tablePropertiesForm id="t1properties" table="#{t1}"/>
...
<!-- render the table -->
<wcf:render ref="#{t1}" xslUri="/WEB-INF/wcf/wcf.xsl" xslCache="true"/>
<!-- render the properties form -->
<wcf:render ref="#{t1properties}" xslUri="/WEB-INF/wcf/wcf.xsl" xslCache="true"/>
    

token

Example

<form ...>
  <wcf:token/>
</form>
or w/o form
  <!-- allow browser back once -->
  <wcf:token clear="true"/>
    

toolbar

Example

<wcf:toolbar id="toolbar01" bundle="com.tonbeller.wcf.toolbar.resources">
  <wcf:scriptbutton id="button1" tooltip="testlabel" img="button" model="#{toolbean.checkBox1}"/>
  <wcf:separator/>
  <wcf:scriptbutton id="button2" img="button" model="#{toolbean.radioButton1}" radioGroup="radio1" visibleRef="#{toolbean.checkBox1}"/>
  <wcf:scriptbutton id="button3" img="button" model="#{toolbean.radioButton2}" radioGroup="radio1" visibleRef="#{toolbean.checkBox1}"/>
  <wcf:separator/>
  <wcf:pushbutton id="button4" img="button" visibleRef="#{toolbean.checkBox1}"/>
  <wcf:imgbutton  id="button5" img="button" href="/some/path" visibleRef="#{toolbean.checkBox1}"/>
</wcf:toolbar>
    

tree

Example

<wcf:tree id="tree01"/>
<wcf:render ref="#{tree01}" xslUri="/WEB-INF/wcf/wcf.xsl" xslCache="true">
  <wcf:renderParam name="border" value="1"/>
</wcf:render>
    

wizard

Example

<wcf:wizard id="wizard01">
  <wcf:form .../>
  <wcf:form .../>
  <wcf:form .../>
</wcf:wizard>

<wcf:render ref="#{wizard01}" xslUri="/WEB-INF/wcf/wcf.xsl" xslCache="true"/>