AjaxDirectLink

Body: rendered

Informal parameters: allowed

Reserved parameters: href, onclick

In this example the AjaxDirectLink component is used to partially refresh one component in a list.

HTML template

          
<div jwcid="selectedCountries@Any" id="selectedCountries" >
<span jwcid="@If" condition="ognl:not selectedItems.empty">
  <h3>Selected Countries</h3>
  <ul id="countryDrop">
    <li jwcid="@tacos:PartialFor" source="ognl:selectedItems" 
        value="ognl:selectItem" element="li">
      <span jwcid="@Insert" value="ognl:selectItem"/>
    </li>
  </ul>
</span>
</div>
<div id="status"></div>
<div id="countries">
<span jwcid="foreachItem" >
  <div jwcid="@Any" class="ognl:beans.evenOdd.next" id="ognl:currItem.toString()" >
    <div>
      <a jwcid="linkToggle" class="toggle">
        <span jwcid="@Insert" value="ognl:currSelected ? 'Hide' : 'Details'"/>
      </a>
      <span jwcid="@Insert" value="ognl:currItem.displayCountry" 
            class="ognl:currSelected ? 'detailHeading' : 'heading'"/>
    </div>

    <span jwcid="@If" condition="ognl:currSelected">
      <div class="countryDetail">
        <div class="flag">
          <img jwcid="flagImage" width="34" height="18"/><br/>
          <span jwcid="@Insert" value="ognl:currItem.country"/>
        </div>

        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
        In consequat lectus a eros. Vestibulum tortor. Cras sapien.
        Morbi sed ipsum. Class aptent taciti sociosqu ad litora
        torquent per conubia nostra, per inceptos hymenaeos. Fusce
        aliquam auctor tortor.</p>
      
        <p style="color: #666">Rendered on: <span jwcid="insertTime"/>.</p>
      </div>
    </span>

  </div>
</span>
</div>

<div id="partialWait">
<img src="img/wait.gif" align="bottom" width="16" height="16"/>Processing...
</div>
        
        

Page specification

          
<inject property="ajaxRequest" object="service:tacos.AjaxWebRequest" />

<property name="currItem" />
<property name="selectItem" />

<property name="selectedItems" persist="session" initial-value="ognl:new java.util.TreeSet()"/>

<component id="foreachItem" type="tacos:PartialFor">
<binding name="source" value="items"/>
<binding name="value" value="currItem"/>
<binding name="evenOdd" value="ognl:page.beans.evenOdd" />
</component>

<component id="linkToggle" type="tacos:AjaxDirectLink">
    <binding name="listener" value="listener:toggleItem"/>
    <binding name="parameters" value="ognl:currItem.toString()"/>
    <binding name="updateComponents"
        value="ognl:{'selectedCountries', currItem.toString()}"/>
    <binding name="effects"
        value="template:{highlight:{selectedCountries:'[255,255,184], 500, 500','${currItem}':'[255,255,184], 500, 500'}}"/>
    <binding name="statusElement" value="literal:status" />
</component>

<component id="flagImage" type="Any">
<binding name="src" value="ognl:'http://setiathome.free.fr/images/flags/' + currItem.country.toLowerCase() + '.gif'"/>
</component>

<component id="insertTime" type="Insert">
<binding name="format" value="@net.sf.tacos.demo.pages.ajax.EffectsExample@DATE_FORMAT"/>
<binding name="value" value="new java.util.Date()"/>
</component>

<bean name="evenOdd" class="org.apache.tapestry.bean.EvenOdd"/>
        
        

Java sources

          
public abstract class PartialPrototype extends BasePage {

  public static final DateFormat DATE_FORMAT = DateFormat
          .getDateTimeInstance(DateFormat.SHORT, DateFormat.LONG);

  /**
   * Gets the items
   * @return
   */
  public List getItems()
  {
      Set countries = new HashSet();

      Locale[] locales = Locale.getAvailableLocales();
      List items = new ArrayList(locales.length);
      for(int i = 0; i < locales.length; i++) {
          Locale l = locales[i];
          if (!"".equals(l.getDisplayCountry())
                  && !countries.contains(l.getCountry())) {
              items.add(l);
              countries.add(l.getCountry());
          }
      }
      Collections.sort(items, new Comparator() {

          public int compare(Object o1, Object o2)
          {
              Locale l1 = (Locale)o1;
              Locale l2 = (Locale)o2;
              return l1.getDisplayCountry().compareTo(l2.getCountry());
          }

      });
      return items;
  }

  /**
   * Toggles an item being selected
   * @param cycle
   */
  public void toggleItem(IRequestCycle cycle)
  {
      String item = (String)cycle.getListenerParameters()[0];
      Set s = getSelectedItems();
      if (s.contains(item)) {
          s.remove(item);
      } else {
          s.add(item);
      }
      setSelectedItems(s);
      AjaxWebRequest ajax = (AjaxWebRequest)cycle
              .getAttribute(AjaxWebRequest.AJAX_REQUEST);
      if (ajax != null) ajax.addStatusResponse("File selected..");
  }

  /**
   * If current item is selected
   * @return
   */
  public boolean isCurrSelected()
  {
      return getSelectedItems().contains(getCurrItem().toString());
  }

  /** get current item */
  public abstract Locale getCurrItem();
  /** gets selected items */
  public abstract Set getSelectedItems();
  /** sets selected items */
  public abstract void setSelectedItems(Set selectedItems);
}