Ideas for using Dojo widgets in the Backplane

For today's discussion...Charlie

Charles Wiecha
Manager, Multichannel Web Interaction
IBM T.J. Watson Research Center
P.O. Box 704
Yorktown Heights, N.Y.  10598
Phone: (914) 784-6180, T/L 863-6180, Cell: (914) 320-2614
wiecha@us.ibm.com
----- Forwarded by Charles F Wiecha/Watson/IBM on 06/24/08 09:24 AM -----
                                                                            
                                                                            
                                                                            
   Ubiquity + Dojo widgets notes from today's meeting                       
                                                                            
                                                                            
   Rahul P Akolkar                                                          
                 to:                                                        
                   Charles F Wiecha, Thomas Ling                            
                                                          06/05/08 02:04 PM 
                                                                            
                                                                            





Objectives::
1. Leverage dojo widgets for the UI
2. Leverage XForms for the data / model behavior
   (model-view bindings, refresh, validity, relevance etc.)
3. Leverage XML Events for mashup-ability
   (dojo is doing DOM L2)
4. Commons data model and event basis will give better integration in other
namespaces.
   (X+V++) -- via 2 and 3 and extensions to <xf:bind>
   Low hanging fruit - Wire two <input>s by ref'ing to same field


<!-- VARIANT 1 -->
<xf:input ref="dataset/user/email" id="email-input">
  <xf:label>Enter your email address</xf:label>
  <xf:extension>
    <input dojoType="dijit.form.Textbox" id="myInput">
        <!-- The dojo way -->
        <script type="dojo/method" event="onClick">
        doClick();
      </script>
        <!-- Using XML events -->
        <script ev:event="onClick">
        doClick();
      </script>
      </input>
  </xf:extension>;
</xf:input>


<!-- VARIANT 2 -->
<xf:input ref="dataset/user/email" id="email-input">
  <xf:label>Enter your email address</xf:label>
  <xf:extension>
    <input dojoType="dijit.form.Textbox" id="myInput">
      </input>
  </xf:extension>
  <!-- Using XML events -->
  <script ev:event="onClick">
    doClick();
  </script>
</xf:input>


<!-- VARIANT 3 -->
<xf:input ref="dataset/user/email" id="email-input">
  <xf:label>Enter your email address</xf:label>
  <xf:extension>
    <input dojoType="dijit.form.Textbox" id="myInput">
      </input>
  </xf:extension>
</xf:input>

<ev:listener target="email-input" event="onClick"
handler="#myClickHandler"/>

<script id="myClickHandler">  <!-- check syntax -->
  doClick();
</script>


<!-- VARIANT 4 -->
<xf:input ref="dataset/user/email" id="email-input"
dojoType="dijit.form.Textbox">
  <xf:label>Enter your email address</xf:label>
</xf:input>>

<ev:listener target="email-input" event="onClick"
handler="#myClickHandler"/>

<script id="myClickHandler">
  doClick();
</script>


<!-- VARIANT 5 -->
<xf:input ref="dataset/user/email" id="email-input"
dojoType="dijit.form.Textbox">
  <xf:label>Enter your email address</xf:label>
  <script ev:event="onClick">
    doClick();
  </script>
</xf:input>

Received on Tuesday, 24 June 2008 13:26:27 UTC