configurable image directory

[Peter_Chea]

Hi, I am trying to setup a configurable image directory. The code belong should print out "images/products/cuttingBoard.jpg" instead of "/cuttingBoard.jpg". How can I fix it?

<canvas>
<dataset name="products">
<item id="1" imagename="cuttingBoard.jpg" name="Cutting Board" price="45"/>
<item id="2" imagename="fondue.jpg" name="Fondue Pot" price="33"/>
<item id="3" imagename="kettle.jpg" name="Tea Kettle" price="15"/>
<item id="4" imagename="spoons.jpg" name="Measuring Spoons" price="25"/>
<item id="5" imagename="wineRack.jpg" name="Wine Rack" price="48"/>
</dataset>

<class name="item">
<attribute name="imagedir" value="" type="string"/>
<text datapath="@imagename" width="300">
<method name="applyData" args="d">
var image = classroot.imagedir + "/" + d;
debug.write(image);
this.setText("image location: " + image);
</method>
</text>
</class>

<class name="items" datapath="products:/">
<simplelayout axis="y"/>
<item imagedir="images/products" datapath="item"/>
</class>

<items name="main"/>

</canvas>

[antun]

It works fine if you change "classroot" to parent below:


<canvas debug="true">
<dataset name="products">
<item id="1" imagename="cuttingBoard.jpg" name="Cutting Board" price="45"/>
<item id="2" imagename="fondue.jpg" name="Fondue Pot" price="33"/>
<item id="3" imagename="kettle.jpg" name="Tea Kettle" price="15"/>
<item id="4" imagename="spoons.jpg" name="Measuring Spoons" price="25"/>
<item id="5" imagename="wineRack.jpg" name="Wine Rack" price="48"/>
</dataset>

<class name="item">
<attribute name="imagedir" value="" type="string"/>
<text datapath="@imagename" width="300">
<method name="applyData" args="d">
var image = parent.imagedir + "/" + d;
debug.write(image);
this.setText("image location: " + image);
</method>
</text>
</class>

<class name="items" datapath="products:/">
<simplelayout axis="y"/>
<item imagedir="images/products" datapath="item"/>
</class>

<items name="main"/>

</canvas>