laszlo 数据绑定

<!--
始终绑定实例

从这个例子可以看出，列表的内容完全由dataset的数据生成的，
而且在编译的时候就已经数据和list组件绑定在一起了，
即通过list的datapath="ds1:/*"来绑定到数据集ds1上。
-->
<canvas width="800" height="600" debug="true" fontsize="12">
<dataset name="ds1">
<root>
<node name="第一条数据"/>
<node name="第二条数据"/>
<node name="第三条数据"/>
<node name="第四条数据"/>
<node name="第五条数据"/>
<node name="第六条数据"/>
<node name="第七条数据"/>
</root>
</dataset>
<list name="samplelist" x="10" y="10" width="100" height="100" datapath="ds1:/*">
<textlistitem text="$path{'@name'}" datapath="*"/>
</list>
</canvas>

 

<!--

运行时绑定（动态绑定）实例

对比这个例子和前面那个例子，可以看出，list的datapath开始是为空的，而在程序init的时候，才给它绑定数据，点击按钮又改变的绑定数据源，这样就是运行时的数据绑定。
在实际的应用开发过程中，很多情况需要运行时绑定，这样可以减少服务器的编译时间和减少文件尺寸，充分利用客户端的运算能力，可以在客户端有更直接快捷的数据更新，而无需刷新页面，改善用户体验。

此外，通过对list对应的数据集的操作，如增、删、改，可以直接影响到list的视图表现。

-->
<canvas width="800" height="600" debug="true" fontsize="12">
<dataset name="ds1">
<root>
<node name="第一条数据"/>
<node name="第二条数据"/>
<node name="第三条数据"/>
<node name="第四条数据"/>
<node name="第五条数据"/>
<node name="第六条数据"/>
<node name="第七条数据"/>
</root>
</dataset>
<dataset name="ds2">
<root>
<node name="firstItem"/>
<node name="secondItem"/>
<node name="thirdItem"/>
<node name="fourthItem"/>
<node name="fitthItem"/>
<node name="sixthItem"/>
<node name="seventhItem"/>
</root>
</dataset>
<method event="oninit">
samplelist.datapath.setPointer(ds1.childNodes[0]);
</method>
<list name="samplelist" x="10" y="10" width="100" height="100" datapath="" dataoption="lazy">
<textlistitem text="$path{'@name'}" datapath="*"/>
</list>
<button name="getenglishlist" x="10" y="150" text="获取英文列表">
<method event="onclick">
parent.samplelist.datapath.setPointer(ds2.childNodes[0]);
</method>
</button>
<button name="getchineselist" x="10" y="180" text="获取中文列表">
<method event="onclick">
parent.samplelist.datapath.setPointer(ds1.childNodes[0]);
</method>
</button>
</canvas>