Samples/MonoRail/SampleSite/Views/AjaxArea/observerfield/index.vm

   1 <div align="center">\r
   2   <h2>Ajax Support - ObserverField</h2>\r
   3 </div>\r
   4 \r
   5 <div class="container">\r
   6   \r
   7   The ObserverField helper method creates an inline script that \r
   8   start to observe a field for value change in the specified interval.\r
   9   When a change is detected, a remote method is invoked.\r
  10   \r
  11 </div>\r
  12 \r
  13 <h3>Overloads:</h3>\r
  14 \r
  15 <div class="container">\r
  16 \r
  17 <ul>\r
  18   <li><code>public String ObserveField(String fieldId, int frequency, String url, String idOfElementToBeUpdated, String with)</code></li>\r
  19   <li><code>public String ObserveField(String fieldId, int frequency, String url, IDictionary options)</code></li>\r
  20 </ul>\r
  21 \r
  22 </div>\r
  23 \r
  24 <h3>Examples:</h3>\r
  25 \r
  26 <div class="container">\r
  27 \r
  28 <a href="${siteRoot}/code/showCode.castle?file=Views/AjaxArea/observerfield/index.vm">Check this view source code</a>.\r
  29 \r
  30 <p>\r
  31   Zip Code: <input type="text" name="zipcode" id="zipcode">\r
  32   <br>Address:\r
  33   <div id="address">\r
  34   </div>\r
  35   $AjaxHelperOld.ObserveField("zipcode", 2, "AddressFromZip.castle", "address", "'value='+value") \r
  36 </p>\r
  37 \r
  38 <hr>\r
  39 \r
  40 <p>\r
  41   Country: \r
  42   <select name="country" id="country">\r
  43     <option selected value="br">BR</option>\r
  44     <option value="uk">UK</option>\r
  45     <option value="us">US</option>\r
  46     <option value="ca">CA</option>\r
  47     <option value="ch">CH</option>\r
  48     <option value="jp">JP</option>\r
  49   </select>\r
  50 \r
  51   State: \r
  52   <span id="statesplaceholder">\r
  53         <select name="states">\r
  54                 <option selected>Select the country first</option>\r
  55         </select>\r
  56   </span>\r
  57   \r
  58   $AjaxHelperOld.ObserveField("country", 2, "GetStatesFromCountry.castle", "statesplaceholder", "'value='+value")\r
  59 </p>\r
  60 \r
  61 </div>\r
  62 \r