Suggested case list:
Using timer to refresh a grid
383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlinkuser model to move item to another listbox
120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlinkDisabled list item row passed to VM-1981
296fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:44 PMlinkDisabled list item row passed to VM-1981
295fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:16 PMlinkDisabled list item row passed to VM-1981
294fatih123160.83.36.13225nk0uiFeb 13, 2018 3:30:44 PMlinkgrid sample with ListModel/RowRenderer
816guest80.82.2.1312vah9ajFeb 21, 2017 11:42:21 AMlinkgrid sample with ListModel/RowRenderer
809guest175.98.113.1622vah9ajJan 26, 2017 9:19:33 AMlinkgrid sample with ListModel/RowRenderer
196guest79.185.142.402vah9ajApr 26, 2014 10:53:57 PMlinkgrid sample with ListModel/RowRenderer
195guest79.185.142.402vah9ajApr 26, 2014 10:53:54 PMlinkgrid sample with ListModel/RowRenderer
194guest79.185.142.402vah9ajApr 26, 2014 10:53:51 PMlinkgrid sample with ListModel/RowRenderer
193guest79.185.142.402vah9ajApr 26, 2014 10:53:48 PMlinkgrid sample with ListModel/RowRenderer
192guest79.185.142.402vah9ajApr 26, 2014 10:53:44 PMlinkgrid sample with ListModel/RowRenderer
191guest79.185.142.402vah9ajApr 26, 2014 10:53:40 PMlinkHierarchy table without using ZK PE/EE
1aaknai151.28.135.2131s871daJul 29, 2013 11:02:46 PMlinkgrid sample with ListModel/RowRenderer
128aaknai151.28.135.2132vah9ajJul 29, 2013 7:20:00 PMlinkuser model to move item to another listbox
1TonyQ114.25.109.94d0n3krApr 21, 2012 10:43:27 AMlinkUsing timer to refresh a grid
1TonyQ220.133.44.3725nk0uiFeb 17, 2012 3:17:34 AMlinkFire a event from child iframe
1TonyQ220.133.44.372eupjotFeb 3, 2012 5:04:52 AMlinkTextbox input restriction sample
1TonyQ72.21.245.2431b3nlr0Dec 20, 2011 10:09:10 AMlinkTest web core taglib in ZUL
1TonyQ198.203.175.175ofqkemDec 17, 2011 3:36:08 AMlinkLatest 10 Fiddles :
Another new ZK fiddle
5guest172.71.215.71ohv32cMay 7, 2024 6:51:06 AMlinkAnother new ZK fiddle
68guest172.71.82.171p7p6mMay 7, 2024 6:41:39 AMlinkAnother new ZK fiddle
67guest172.71.82.171p7p6mMay 7, 2024 6:40:51 AMlinkAnother new ZK fiddle
66guest172.71.82.171p7p6mMay 7, 2024 6:38:50 AMlinkAnother new ZK fiddle
65guest172.71.82.171p7p6mMay 7, 2024 6:38:27 AMlinkAnother new ZK fiddle
64guest172.71.82.171p7p6mMay 7, 2024 6:37:46 AMlinkAnother new ZK fiddle
63guest172.71.82.161p7p6mMay 7, 2024 6:37:33 AMlinkAnother new ZK fiddle
62guest172.71.82.171p7p6mMay 7, 2024 6:37:17 AMlinkAnother new ZK fiddle
61guest172.71.82.171p7p6mMay 7, 2024 6:36:32 AMlinkAnother new ZK fiddle
60guest172.71.82.171p7p6mMay 7, 2024 6:36:03 AMlinkMixed-state of tree checkbox
2benbai220.135.202.1402jooqpeApr 10, 2012 11:38:36 PMlinkresources
index.zulzul<zk xmlns:w="client">
<style>
.mixed-state {
margin: 0px;
border: 2px solid #3E48AE;
}
</style>
<script type="text/javascript"><![CDATA[
zk.afterLoad("zul.sel", function () {
var oldSelect = zul.sel.Treeitem.prototype.doSelect_;
zul.sel.Treeitem.prototype.doSelect_ = function (evt) {
oldSelect.apply(this, arguments);
var $dom = jq(evt.domTarget),
row = $dom.hasClass('z-treerow')? $dom[0] : $dom.parents('.z-treerow')[0],
isSelected = jq(row).hasClass('z-treerow-seld'),
isSelfSelected = jq(this.treerow.$n()).hasClass('z-treerow-seld'),
_selectedChild = this._selectedChild,
index, isRecord;
if (!_selectedChild)
_selectedChild = this._selectedChild = [];
index = _selectedChild.indexOf(row);
isRecord = index > -1;
if (isSelected && !isRecord)
_selectedChild.push(row);
else if (!isSelected && isRecord)
_selectedChild.splice(index, 1);
if (_selectedChild.length > 0 && !isSelfSelected)
jq(this.treerow.$n()).find('.z-treerow-img-checkbox').addClass('mixed-state');
else
jq(this.treerow.$n()).find('.z-treerow-img-checkbox').removeClass('mixed-state');
}
});
]]></script>
<tree id="tree" rows="5" multiple="true" checkmark="true" height="400px">
<treecols>
<treecol label="Name"/>
<treecol label="Description"/>
</treecols>
<treechildren>
<treeitem>
<treerow>
<treecell label="Item 1"/>
<treecell label="Item 1 description"/>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell label="Item 2"/>
<treecell label="Item 2 description"/>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell label="Item 2.1"/>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell label="Item 2.1.1"/>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell label="Item 2.1.2"/>
</treerow>
</treeitem>
</treechildren>
</treeitem>
<treeitem>
<treerow>
<treecell label="Item 2.2"/>
<treecell label="Item 2.2 is something who cares"/>
</treerow>
</treeitem>
</treechildren>
</treeitem>
<treeitem label="Item 3"/>
</treechildren>
</tree>
</zk>