err.no Git - sope/blob - sopex/Samples/WOxExtTest/TableView.wox

   1 <?xml version='1.0' standalone='yes'?>
   2 <var:component
   3            className="Frame"
   4            title="name"
   5            xmlns="http://www.w3.org/1999/xhtml"
   6            xmlns:var="http://www.skyrix.com/od/binding"
   7            xmlns:const="http://www.skyrix.com/od/constant">
   8
   9   <form var:action="self">
  10
  11     <!-- in this case we need some 'subtags' for configuration ... -->
  12
  13     <var:tableview list="list" item="item" identifier="item.identifier"
  14         batchSize="batchSize" currentBatch="currentBatch"
  15         previousItem="previousItem"
  16         sortedKey      = "sortedKey"
  17         isDescending   = "isDescending"
  18         scrollOnClient = "javaSciptScrolling"
  19         autoScroll     = "overflowScrolling"
  20         titleColor     = "titleColor"
  21         headerColor    = "headerColor"
  22         footerColor    = "footerColor"
  23         evenColor      = "evenColor"
  24         oddColor       = "oddColor"
  25
  26         const:nonSortIcon       = "non_sorted.gif"
  27         const:upwardSortIcon    = "upward_sorted.gif"
  28         const:downwardSortIcon  = "downward_sorted.gif"
  29         const:firstIcon         = "first.gif"
  30         const:firstBlindIcon    = "first_blind.gif"
  31         const:previousIcon      = "previous.gif"
  32         const:previousBlindIcon = "previous_blind.gif"
  33         const:nextIcon          = "next.gif"
  34         const:nextBlindIcon     = "next_blind.gif"
  35         const:lastIcon          = "last.gif"
  36         const:lastBlindIcon     = "last_blind.gif"
  37       >
  38
  39       <var:ttitle><b>Folder</b></var:ttitle>
  40       <var:tbutton>Buttons of TableView</var:tbutton>
  41
  42       <var:td const:sortKey="city" const:title="city" const:valign="top"
  43               isGroup="isGroupCity">
  44         <var:string value="item.identifier"/>
  45       </var:td>
  46
  47       <var:td const:sortKey="zip" const:title="zip" const:valign="top"
  48               isGroup="isGroupZip">
  49         <var:string value="item.zip"/>
  50       </var:td>
  51
  52       <var:td const:sortkey="firstName" const:title="first name">
  53         <var:string value="item.firstName"/>
  54       </var:td>
  55
  56       <var:td const:sortkey="name" const:title="name">
  57         <var:string value="item.name"/>
  58         <a var:action="increaseClicks">increaseClicks</a>
  59       </var:td>
  60
  61       <var:td const:sortkey="street" const:title="street">
  62         <var:string value="item.street"/>
  63       </var:td>
  64
  65       <var:tfooter><small>Footer of TableView:</small></var:tfooter>
  66    </var:tableview>
  67
  68    <br/>
  69     <b>clickedItem = <var:string value="clickedItem"/></b>
  70    <br/>
  71
  72       <table border="0">
  73         <tr>
  74           <td align="right">
  75             javaScriptScrolling (only MSIE):
  76           </td>
  77           <td><input type="checkbox" var:checked="javaScriptScrolling"/></td>
  78         </tr>
  79         <var:if condition="javaScriptScrolling" const:negate="YES">
  80           <tr>
  81             <td align="right">
  82               overflow scrolling (only MSIE):
  83             </td>
  84             <td><input type="checkbox" var:checked="overflowScrolling"/></td>
  85           </tr>
  86         </var:if>
  87
  88           <tr>
  89             <td align="right">batch size:</td>
  90             <td><input type="text" size="1" var:value="batchSize"/></td>
  91           </tr>
  92           <tr>
  93             <td align="right">even color:</td>
  94             <td><input type="text" var:value="evenColor"/></td>
  95           </tr>
  96           <tr>
  97             <td align="right">odd color:</td>
  98             <td><input type="text" var:value="oddColor"/></td>
  99           </tr>
 100           <tr>
 101             <td align="right">title color:</td>
 102             <td><input type="text" var:value="titleColor"/></td>
 103           </tr>
 104           <tr>
 105             <td align="right">header color:</td>
 106             <td><input type="text" var:value="headerColor"/></td>
 107           </tr>
 108           <tr>
 109             <td align="right">footer color:</td>
 110             <td><input type="text" var:value="footerColor"/></td>
 111           </tr>
 112
 113         <tr>
 114           <td colspan="2">
 115             <input type="submit" value="apply"/>
 116           </td>
 117         </tr>
 118       </table>
 119    </form>
 120 </var:component>