err.no Git - sope/blob - sope-appserver/samples/WOxExtTest/PageView.wox

   1 <?xml version='1.0' standalone='yes'?>
   2 <var:component className="Frame" title="name"
   3            xmlns="http://www.w3.org/1999/xhtml"
   4            xmlns:var="http://www.skyrix.com/od/binding"
   5            xmlns:const="http://www.skyrix.com/od/constant">
   6
   7   Selection: <var:string value="selection"/>
   8   <br/>
   9
  10   <hr/>
  11   Without form:<br/>
  12   <var:pageview selection="selection"
  13                 titleColor="titleColor"
  14                 contentColor="contentColor"
  15                 const:firstIcon         = "first.gif"
  16                 const:firstBlindIcon    = "first_blind.gif"
  17                 const:previousIcon      = "previous.gif"
  18                 const:previousBlindIcon = "previous_blind.gif"
  19                 const:nextIcon          = "next.gif"
  20                 const:nextBlindIcon     = "next_blind.gif"
  21                 const:lastIcon          = "last.gif"
  22                 const:lastBlindIcon     = "last_blind.gif"
  23     >
  24     <var:page const:key="first" const:title="first page">
  25        first page content
  26     </var:page>
  27
  28     <var:page const:key="second" const:title="second page">
  29        second page content
  30     </var:page>
  31
  32     <var:page const:key="third" const:title="third page">
  33        third page content
  34     </var:page>
  35
  36     <var:page const:key="fourth" const:title="fourth page">
  37        fourth page content
  38     </var:page>
  39
  40     <var:page const:key="fifth" const:title="fifth page">
  41        fifth page content
  42     </var:page>
  43   </var:pageview>
  44
  45   <hr/>
  46   Dynamically generated pages (using a var:foreach ...):<br/>
  47   DO NOT WORK !
  48 <!--
  49   <var:pageview selection="selection"
  50                 titleColor="titleColor"
  51                 contentColor="contentColor"
  52                 const:firstIcon         = "first.gif"
  53                 const:firstBlindIcon    = "first_blind.gif"
  54                 const:previousIcon      = "previous.gif"
  55                 const:previousBlindIcon = "previous_blind.gif"
  56                 const:nextIcon          = "next.gif"
  57                 const:nextBlindIcon     = "next_blind.gif"
  58                 const:lastIcon          = "last.gif"
  59                 const:lastBlindIcon     = "last_blind.gif"
  60     >
  61     <var:foreach list="pages" item="page">
  62       <var:page key="page" title="page">
  63         Content of <var:string value="page"/>
  64       </var:page>
  65     </var:foreach>
  66   </var:pageview>
  67 -->
  68
  69   <hr/>
  70   With form inside :<br/>
  71   <var:pageview selection="selection"
  72                 titleColor="titleColor"
  73                 contentColor="contentColor"
  74                 const:firstIcon         = "first.gif"
  75                 const:firstBlindIcon    = "first_blind.gif"
  76                 const:previousIcon      = "previous.gif"
  77                 const:previousBlindIcon = "previous_blind.gif"
  78                 const:nextIcon          = "next.gif"
  79                 const:nextBlindIcon     = "next_blind.gif"
  80                 const:lastIcon          = "last.gif"
  81                 const:lastBlindIcon     = "last_blind.gif"
  82     >
  83     <var:page const:key="first" const:title="first page">
  84       <form var:action="self">
  85          first page content
  86
  87       </form>
  88     </var:page>
  89
  90     <var:page const:key="second" const:title="second page">
  91        second page content
  92        <form var:action="self">
  93          <table border="0">
  94             <tr>
  95               <td align="right">title color:</td>
  96               <td><input type="text" var:value="titleColor"/></td>
  97             </tr>
  98             <tr>
  99               <td align="right">content color:</td>
 100               <td><input type="text" var:value="contentColor"/></td>
 101             </tr>
 102             <tr>
 103               <td colspan="2">
 104                 <input type="submit" var:action="self" value="apply"/>
 105               </td>
 106             </tr>
 107         </table>
 108       </form>
 109     </var:page>
 110
 111       <var:page const:key="third" const:title="third page">
 112          third page content
 113       </var:page>
 114
 115       <var:page const:key="fourth" const:title="fourth page">
 116          fourth page content
 117       </var:page>
 118
 119       <var:page const:key="fifth" const:title="fifth page">
 120          fifth page content
 121       </var:page>
 122   </var:pageview>
 123
 124   <hr/>
 125   With form (doesn't work ...):<br/>
 126   <form var:action="self">
 127     <var:pageview selection="selection"
 128                   titleColor="titleColor"
 129                   contentColor="contentColor"
 130                   const:firstIcon         = "first.gif"
 131                   const:firstBlindIcon    = "first_blind.gif"
 132                   const:previousIcon      = "previous.gif"
 133                   const:previousBlindIcon = "previous_blind.gif"
 134                   const:nextIcon          = "next.gif"
 135                   const:nextBlindIcon     = "next_blind.gif"
 136                   const:lastIcon          = "last.gif"
 137                   const:lastBlindIcon     = "last_blind.gif"
 138       >
 139       <var:page const:key="first" const:title="first page">
 140          first page content
 141       </var:page>
 142
 143       <var:page const:key="second" const:title="second page">
 144          second page content
 145       </var:page>
 146
 147       <var:page const:key="third" const:title="third page">
 148          third page content
 149       </var:page>
 150
 151       <var:page const:key="fourth" const:title="fourth page">
 152          fourth page content
 153       </var:page>
 154
 155       <var:page const:key="fifth" const:title="fifth page">
 156          fifth page content
 157       </var:page>
 158     </var:pageview>
 159   </form>
 160
 161   <form var:action="self">
 162     <table border="0">
 163        <tr>
 164          <td align="right">title color:</td>
 165          <td><input type="text" var:value="titleColor"/></td>
 166        </tr>
 167        <tr>
 168          <td align="right">content color:</td>
 169          <td><input type="text" var:value="contentColor"/></td>
 170        </tr>
 171        <tr>
 172          <td colspan="2">
 173            <input type="submit" var:action="self" value="apply"/>
 174          </td>
 175        </tr>
 176      </table>
 177   </form>
 178 </var:component>