err.no Git - sope/blob - sope-appserver/samples/WOxExtTest/TreeView.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    <var:js-drag const:tag="one" const:object="one-toBeDropped">
   8      <a href="#">DragMe</a></var:js-drag>
   9
  10    <table border="0">
  11      <tr>
  12        <td valign="top" width="50%">
  13          <form var:action="self">
  14
  15            <var:treeview list="root" sublist="item.sublist" item="item"
  16                          currentPath="currentPath" zoom="isZoom"
  17                          showItem="showItem"
  18                          const:iconWidth       = "13"
  19                          const:plusIcon        = "treeview_plus.gif"
  20                          const:minusIcon       = "treeview_minus.gif"
  21                          const:lineIcon        = "treeview_line.gif"
  22                          const:cornerIcon      = "treeview_corner.gif"
  23                          const:junctionIcon    = "treeview_junction.gif"
  24                          const:leafIcon        = "treeview_leaf.gif"
  25                          const:leafCornerIcon  = "treeview_leaf_corner.gif"
  26                          const:cornerPlusIcon  = "treeview_corner_plus.gif"
  27                          const:cornerMinusIcon = "treeview_corner_minus.gif"
  28                          const:spaceIcon       = "treeview_space.gif"
  29              >
  30
  31              <!-- Header Content -->
  32
  33              <var:tree-header const:isTreeElement="YES" const:bgcolor="#FFDAAA">
  34                <b>tree cell</b><entity name="nbsp"/><entity name="nbsp"/>
  35              </var:tree-header>
  36              <var:tree-header const:isTreeElement="NO" const:bgcolor="#FFDAAA">
  37                <b>first name</b><entity name="nbsp"/><entity name="nbsp"/>
  38              </var:tree-header>
  39              <var:tree-header const:isTreeElement="NO" const:bgcolor="#FFDAAA">
  40                <b>name</b><entity name="nbsp"/><entity name="nbsp"/>
  41              </var:tree-header>
  42
  43              <!-- Data Content -->
  44              <var:tree-data const:isTreeElement="YES" const:bgcolor="#FCF8DF"><a var:action="countClicks"><var:string value="keyPath"/></a></var:tree-data>
  45
  46              <var:tree-data const:isTreeElement="NO" const:bgcolor="#FCF8DF">
  47                <var:js-drop action="dropAction" droppedObject="droppedObject"
  48                   const:elementName   = "tr"
  49                   const:isAttached    = "YES"
  50                   tags                = "oneTags"
  51                   const:swapColor     = "YES"
  52                   const:bgcolor       = "green">
  53                   <var:string value="item.firstName"/>
  54                 </var:js-drop>
  55              </var:tree-data>
  56
  57              <var:tree-data const:isTreeElement="NO" const:bgcolor="#FCF8DF">
  58                <var:string value="item.name"/>
  59              </var:tree-data>
  60
  61            </var:treeview>
  62          </form>
  63        </td>
  64
  65        <td width="30"><entity name="nbsp"/></td>
  66
  67        <td valign="top">
  68          <var:treeview list="root" sublist="item.sublist" item="item"
  69                        currentPath="currentPath" zoom="isZoom"
  70                        showItem="showItem">
  71
  72            <!-- Header Content -->
  73            <var:tree-header const:isTreeElement="YES" const:bgcolor="#FFDAAA">
  74               <b>tree cell</b>
  75               <a var:action="countClicks">count</a>
  76               <entity name="nbsp"/><entity name="nbsp"/>
  77            </var:tree-header>
  78
  79            <var:tree-header const:isTreeElement="NO" const:bgcolor="#FFDAAA">
  80              <b>first name</b>
  81              <a var:action="countClicks">count</a>
  82              <entity name="nbsp"/><entity name="nbsp"/>
  83            </var:tree-header>
  84
  85            <var:tree-header const:isTreeElement="NO" const:bgcolor="#FFDAAA">
  86              <b>name</b><entity name="nbsp"/><entity name="nbsp"/>
  87            </var:tree-header>
  88
  89            <!-- Data Content -->
  90            <var:tree-data const:isTreeElement="YES" const:bgcolor="#FCF8DF">
  91              <a var:action="countClicks"><var:string value="keyPath"/></a>
  92            </var:tree-data>
  93
  94            <var:tree-data const:isTreeElement="NO" const:bgcolor="#FCF8DF">
  95              <var:string value="item.firstName"/>
  96            </var:tree-data>
  97            <var:tree-data const:isTreeElement="NO" const:bgcolor="#FCF8DF">
  98              <var:string value="item.name"/>
  99            </var:tree-data>
 100
 101          </var:treeview>
 102        </td>
 103      </tr>
 104    </table>
 105
 106    <var:string value="clicks"/>
 107 </var:component>