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"
  34                               const:bgcolor="#FFDAAA">
  35                <b>tree cell</b><entity name="nbsp"/><entity name="nbsp"/>
  36              </var:tree-header>
  37              <var:tree-header const:isTreeElement="NO" const:bgcolor="#FFDAAA">
  38                <b>first name</b><entity name="nbsp"/><entity name="nbsp"/>
  39              </var:tree-header>
  40              <var:tree-header const:isTreeElement="NO" const:bgcolor="#FFDAAA">
  41                <b>name</b><entity name="nbsp"/><entity name="nbsp"/>
  42              </var:tree-header>
  43
  44              <!-- Data Content -->
  45              <var:tree-data const:isTreeElement="YES" const:bgcolor="#FCF8DF"><a var:action="countClicks"><var:string value="keyPath"/></a></var:tree-data>
  46
  47              <var:tree-data const:isTreeElement="NO" const:bgcolor="#FCF8DF">
  48                <var:js-drop action="dropAction" droppedObject="droppedObject"
  49                   const:elementName   = "tr"
  50                   const:isAttached    = "YES"
  51                   tags                = "oneTags"
  52                   const:swapColor     = "YES"
  53                   const:bgcolor       = "green">
  54                   <var:string value="item.firstName"/>
  55                 </var:js-drop>
  56              </var:tree-data>
  57
  58              <var:tree-data const:isTreeElement="NO" const:bgcolor="#FCF8DF">
  59                <var:string value="item.name"/>
  60              </var:tree-data>
  61
  62            </var:treeview>
  63          </form>
  64        </td>
  65
  66        <td width="30"><entity name="nbsp"/></td>
  67
  68        <td valign="top">
  69          <var:treeview list="root" sublist="item.sublist" item="item"
  70                        currentPath="currentPath" zoom="isZoom"
  71                        showItem="showItem">
  72
  73            <!-- Header Content -->
  74            <var:tree-header const:isTreeElement="YES" const:bgcolor="#FFDAAA">
  75               <b>tree cell</b>
  76               <a var:action="countClicks">count</a>
  77               <entity name="nbsp"/><entity name="nbsp"/>
  78            </var:tree-header>
  79
  80            <var:tree-header const:isTreeElement="NO" const:bgcolor="#FFDAAA">
  81              <b>first name</b>
  82              <a var:action="countClicks">count</a>
  83              <entity name="nbsp"/><entity name="nbsp"/>
  84            </var:tree-header>
  85
  86            <var:tree-header const:isTreeElement="NO" const:bgcolor="#FFDAAA">
  87              <b>name</b><entity name="nbsp"/><entity name="nbsp"/>
  88            </var:tree-header>
  89
  90            <!-- Data Content -->
  91            <var:tree-data const:isTreeElement="YES" const:bgcolor="#FCF8DF">
  92              <a var:action="countClicks"><var:string value="keyPath"/></a>
  93            </var:tree-data>
  94
  95            <var:tree-data const:isTreeElement="NO" const:bgcolor="#FCF8DF">
  96              <var:string value="item.firstName"/>
  97            </var:tree-data>
  98            <var:tree-data const:isTreeElement="NO" const:bgcolor="#FCF8DF">
  99              <var:string value="item.name"/>
 100            </var:tree-data>
 101
 102          </var:treeview>
 103        </td>
 104      </tr>
 105    </table>
 106
 107    <var:string value="clicks"/>
 108 </var:component>