Shows usage of @function callback

index.html

 Selected name: <span data-bind="text: selectedName"></span>
 <ul data-bind="foreach: names">
   <li> 
     <a data-bind="text: $data, click: $root.nameSelected" href="#"></a>
   </li>
 </ul>

NamesModel.java

package dew.demo.namesmodel;

import net.java.html.json.Model;
import net.java.html.json.Property;
import net.java.html.json.Function;

@Model(className="Names", properties={
   @Property(name = "selectedName", type=String.class),
   @Property(name = "names", type=String.class, array = true)
 })
class NamesModel {
   @Function static void nameSelected(Names myModel, String data) {
     myModel.setSelectedName(data);
   }
 
   static {
     Names pageModel = new Names(
       "---", "Jarda", "Pepa", "Honza", "Jirka", "Tomáš"
     );
     pageModel.applyBindings();
   }
}