Processing...

Suggested case list:

Using timer to refresh a grid

383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlink

user model to move item to another listbox

120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlink

Disabled list item row passed to VM-1981

296fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:44 PMlink

Disabled list item row passed to VM-1981

295fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:16 PMlink

Disabled list item row passed to VM-1981

294fatih123160.83.36.13225nk0uiFeb 13, 2018 3:30:44 PMlink

grid sample with ListModel/RowRenderer

816guest80.82.2.1312vah9ajFeb 21, 2017 11:42:21 AMlink

grid sample with ListModel/RowRenderer

809guest175.98.113.1622vah9ajJan 26, 2017 9:19:33 AMlink

grid sample with ListModel/RowRenderer

196guest79.185.142.402vah9ajApr 26, 2014 10:53:57 PMlink

grid sample with ListModel/RowRenderer

195guest79.185.142.402vah9ajApr 26, 2014 10:53:54 PMlink

grid sample with ListModel/RowRenderer

194guest79.185.142.402vah9ajApr 26, 2014 10:53:51 PMlink

grid sample with ListModel/RowRenderer

193guest79.185.142.402vah9ajApr 26, 2014 10:53:48 PMlink

grid sample with ListModel/RowRenderer

192guest79.185.142.402vah9ajApr 26, 2014 10:53:44 PMlink

grid sample with ListModel/RowRenderer

191guest79.185.142.402vah9ajApr 26, 2014 10:53:40 PMlink

Hierarchy table without using ZK PE/EE

1aaknai151.28.135.2131s871daJul 29, 2013 11:02:46 PMlink

grid sample with ListModel/RowRenderer

128aaknai151.28.135.2132vah9ajJul 29, 2013 7:20:00 PMlink

user model to move item to another listbox

1TonyQ114.25.109.94d0n3krApr 21, 2012 10:43:27 AMlink

Using timer to refresh a grid

1TonyQ220.133.44.3725nk0uiFeb 17, 2012 3:17:34 AMlink

Fire a event from child iframe

1TonyQ220.133.44.372eupjotFeb 3, 2012 5:04:52 AMlink

Textbox input restriction sample

1TonyQ72.21.245.2431b3nlr0Dec 20, 2011 10:09:10 AMlink

Test web core taglib in ZUL

1TonyQ198.203.175.175ofqkemDec 17, 2011 3:36:08 AMlink

Latest 10 Fiddles :

frozen scroll

1guest172.69.33.373j82a06Mar 28, 2024 8:03:44 AMlink

Gmarker and forEach

1guest172.68.67.1362lpvk1hMar 28, 2024 7:29:50 AMlink

Gmaps

1guest172.68.67.1363dvghg5Mar 28, 2024 7:28:20 AMlink

grid demo

5guest172.71.158.2371grhhu3Mar 27, 2024 7:46:36 AMlink

grid demo

4guest172.71.158.2371grhhu3Mar 27, 2024 7:46:25 AMlink

grid demo

3guest172.71.154.181grhhu3Mar 27, 2024 7:44:16 AMlink

grid demo

2guest172.71.154.181grhhu3Mar 27, 2024 7:43:58 AMlink

grid demo

1guest172.71.154.191grhhu3Mar 27, 2024 7:42:54 AMlink

Scrollable Panel

13guest172.69.223.193ctlblaMar 27, 2024 5:31:21 AMlink

Scrollable Panel

12guest172.69.223.194ctlblaMar 27, 2024 5:30:56 AMlink

Another new ZK fiddle

6chillworld193.191.219.803ifu29kMay 5, 2017 6:33:42 AMlink

resources

index.zulzul<zk> <window use="pkg$.ComboMain"/> </zk>ComboMain.javajavaimport java.util.ArrayList; import java.util.List; import org.zkoss.zhtml.Div; import org.zkoss.zhtml.Table; import org.zkoss.zhtml.Td; import org.zkoss.zhtml.Tr; import org.zkoss.zk.ui.Component; import org.zkoss.zk.ui.event.Event; import org.zkoss.zk.ui.event.EventListener; import org.zkoss.zk.ui.event.Events; import org.zkoss.zul.Combobox; import org.zkoss.zul.Comboitem; import org.zkoss.zul.Label; import org.zkoss.zul.ListModel; import org.zkoss.zul.ListModelList; import org.zkoss.zul.SimpleListModel; import org.zkoss.zul.Window; @SuppressWarnings("rawtypes") public class ComboMain extends Window implements EventListener{ /** * */ private static final long serialVersionUID = 1L; private Combobox combo; private Label lb; public ComboMain(){ initComponents(); //initComponents(); init(); } private void init() { Div div = new Div(); Label label = new Label("ComboBox"); div.appendChild(label); this.appendChild(div); Table table = new Table(); table.setId("grdLogin"); table.setDynamicProperty("cellpadding", "0"); table.setDynamicProperty("cellspacing", "5"); this.appendChild(table); Tr tr = new Tr(); table.appendChild(tr); Td td = new Td(); tr.appendChild(td); td.setDynamicProperty("colspan", "2"); tr = new Tr(); table.appendChild(tr); td = new Td(); tr.appendChild(td); td.appendChild(lb); td = new Td(); tr.appendChild(td); td.appendChild(combo); } @SuppressWarnings("unchecked") private void initComponents() { lb = new Label(); lb.setId("Lable Of ComboBox"); lb.setValue("Dictionary Words"); combo = new Combobox(); combo.setAutodrop(true); combo.setButtonVisible(false); combo.setId("combo"); combo.addEventListener(Events.ON_SELECT, this); combo.addEventListener("onInitRenderLater", this); //combo.addEventListener(Events.ON_BLUR, this); combo.setWidth("220px"); List<Comboitem> items = new ArrayList<Comboitem>(); Comboitem item; for(int i=0; i<Dictionary.getDirectory().length; i++) { item = new Comboitem(); item.setLabel(Dictionary.getDirectory()[i]); item.setValue(i); items.add(item); } //ListModel lml=new SimpleListModel(Dictionary.getDirectory()); ListModel lml=new ListModelList(Dictionary.getDirectory()); combo.setModel(lml); //combo.setValue("ABC"); } @Override public void onEvent(Event event) throws Exception { Component eventComp = event.getTarget(); if (event.getName().equals(Events.ON_SELECT)) { if(eventComp.getId().equals(combo.getId())) { String langName = (String) combo.getSelectedItem().getLabel(); } } else if (event.getName().equals(Events.ON_BLUR)) { if(eventComp.getId().equals(combo.getId())) { try { String langName = (String) combo.getSelectedItem().getLabel(); System.out.println("ON_BLUR:" + langName); } catch(Exception ex) { ex.printStackTrace(); } } } else if("onInitRenderLater".equalsIgnoreCase(event.getName())) { Combobox box = ((Combobox) eventComp); ListModelList model = ((ListModelList)box.getModel()); model.clearSelection(); model.addToSelection(model.getElementAt(0)); } } } Dictionary.javajavaimport java.util.ArrayList; import java.util.List; public class Dictionary { static String[] dictionary = { "abacus", "abase", "abate", "abbess", "abbey", "abbot", "abdicate", "abdomen", "abdominal", "abduction", "abed", "aberrant", "aberration", "abet", "abeyance", "abhor", "abhorrence", "abhorrent", "abidance", "ability", "abject", "abjure", "able-bodied", "ablution", "abnegate", "abnormal", "abominable", "abominate", "abomination", "aboriginal", "aborigines", "abound", "aboveboard", "abrade", "abrasion", "abridge", "abridgment", "abrogate", "abrupt", "abscess", "abscission", "abscond", "absence", "absent-minded", "absolution", "absolve", "absorb", "absorption", "abstain", "abstemious", "abstinence", "abstinent", "abstract", "abstruse", "absurd", "abundant", "abusive", "abut", "abysmal", "abyss", "academic", "academician", "academy", "accede", "accelerate", "accentuate", "accept", "access", "accessible", "accession", "accessory", "acclaim", "accolade", "accommodate", "accompaniment", "accompanist", "accompany", "accomplice", "accomplish", "accordion", "accost", "account", "accouter", "accredit", "accrue", "acculturation", "accumulate", "accuracy", "accurate", "accurately", "accursed", "accusation", "accusatory", "accuse", "accustom", "acerbic", "acerbity", "acetate", "acetic", "ache", "achievable", "achieve", "achievement", "Achillean", "achromatic", "acid", "acidify", "acknowledge", "acknowledgment", "acme", "acoustic", "acquaint", "acquiesce", "acquiescence", "acquire", "acquisition", "acquisitive", "acquit", "acquittal", "acquittance", "acreage", "acrid", "acrimonious", "acrimony", "acronym", "actionable", "actuality", "actually", "actuary", "actuate", "acuity", "acumen", "acute", "adage", "adamant", "addendum", "addicted", "addle", "address", "adduce", "adhere", "adherence", "adherent", "adhesion", "adieu", "adjacency", "adjacent", "adjudge", "adjunct", "adjuration", "adjutant", "administrator", "admissible", "admittance", "admonish", "admonition", "ado", "adoration", "adroit", "adulation", "adulterant", "adulterate", "adumbrate", "advantage", "advent", "adventitious", "adverse", "adversity", "advert", "advertiser", "adviser", "advisory", "advocacy", "advocate", "aerial", "aeronaut", "aeronautics", "aerostat", "aerostatics", "aesthetic", "afar", "affable", "affect", "affectation", "affidavit", "affiliate", "affinity", "affirmative", "affix", "affliction", "affluence", "affront", "afire", "afoot", "aforesaid", "afresh", "after", "aftermath", "afterthought", "agglomerate", "aggrandize", "aggravate", "aggravation", "aggregate", "aggress", "aggression", "aggressive", "aggrieve", "aghast", "agile", "agitate", "agrarian", "aide-de-camp", "ailment", "airy", "AJAX", "akin", "alabaster", "alacrity", "albeit", "albino", "album", "alchemy", "alcohol", "alcoholism", "alcove", "alder", "alderman", "aldermanship", "alias", "alien", "alienable", "alienate", "alienation", "aliment", "alkali", "allay", "allege", "allegiance", "allegory", "alleviate", "alley", "alliance", "allocate", "allot", "allotment", "alloy", "allude", "allusion", "alluvion", "ally", "almanac", "aloof", "altar", "alter", "alteration", "altercate", "alternate", "alternative", "altitude", "alto", "altruism", "altruist", "amalgam", "amalgamate", "amass", "amateur", "amatory", "ambidextrous", "ambiguous", "ambitious", "ambivalent", "ambrosial", "ambulance", "ambulate", "ambush", "ameliorate", "amenable", "Americanism", "amiable", "amicable", "amid", "amity", "amnesty", "amoral", "amorous", "amorphous", "amour", "ampere", "ampersand", "amphibious", "amphitheater", "amplitude", "amply", "amputate", "amusement", "anachronism", "anagram", "analects", "analogous", "analogy", "analyst", "analyze", "anarchy", "anathema", "anatomy", "ancestry", "ancient", "ancillary", "anecdote", "anemia", "anemic", "anemometer", "anesthetic", "anew", "angelic", "Anglophobia", "Anglo-Saxon", "angular", "anhydrous", "animadversion", "animadvert", "animalcule", "animate", "animosity", "annalist", "annals", "annex", "annihilate", "annotate", "annual", "annuity", "annunciation", "anode", "anomalous", "anomaly", "anonymous", "antagonism", "Antarctic", "ante", "antecede", "antecedent", "antechamber", "antedate", "antediluvian", "antemeridian", "antemundane", "antenatal", "anterior", "anteroom", "anthology", "anthracite", "anthropology", "anthropomorphous", "antic", "Antichrist", "anticlimax", "anticyclone", "antidote", "antilogy", "antipathize", "antipathy", "antiphon", "antiphony", "antipodes", "antiquary", "antiquate", "antique", "antiquity", "antiseptic", "antislavery", "antispasmodic", "antistrophe", "antithesis", "antitoxin", "antonym", "anxious", "apathy", "aperture", "apex", "aphorism", "apiary", "apocryphal", "apogee", "apology", "apostasy", "apostate", "apostle", "apothecary", "apotheosis", "appall", "appalling", "apparent", "apparition", "appeal", "appease", "appellate", "appellation", "append", "appendage", "appertain", "apple", "apportion", "apposite", "apposition", "appraise", "appreciable", "apprehend", "apprehensible", "apprise", "approbation", "appropriate", "appurtenance", "apropos", "aptitude", "aqueduct", "aqueous", "arbiter", "arbitrary", "arbitrate", "arbor", "arboreal", "arborescent", "arboretum", "arboriculture", "arcade", "arcane", "archaeology", "archaic", "archaism", "archangel", "archbishop", "archdeacon", "archetype", "archipelago", "archives", "ardent", "ardor", "arduous", "arid", "aristocracy", "aristocrat", "aristocratic", "armada", "armful", "armistice", "armory", "aroma", "arraign", "arrange", "arrangement", "arrant", "arrear", "arrival", "arrogant", "arrogate", "arsenal", "Artesian", "artful", "Arthurian", "articulate", "artifact", "artifice", "artless", "ascendancy", "ascendant", "ascension", "ascent", "ascertain", "ascetic", "ascribe", "asexual", "ashen", "askance", "asperity", "aspersion", "aspirant", "aspiration", "aspire", "assail", "assailant", "assassin", "assassinate", "assassination", "assay", "assent", "assert", "assess", "assessor", "assets", "assiduous", "assign", "assignee", "assignment", "assimilate", "assonance", "assonant", "assonate", "assuage", "astringent", "astute", "atheism", "athirst", "athwart", "atomistic", "atomizer", "atone", "atonement", "atrocious", "atrocity", "atrophy", "attache", "attenuate", "attenuation", "attest", "attorney-general", "attribute", "attrition", "auburn", "audacious", "audible", "audition", "auditory", "augment", "augur", "Augustinian", "aura", "aural", "auricle", "auricular", "auriferous", "aurora", "auspice", "auspices", "auspicious", "austere", "autarchy", "authentic", "authenticity", "autobiography", "autocracy", "autocrat", "automaton", "autonomous", "autonomy", "autopsy", "autumnal", "auxiliary", "avalanche", "avarice", "aver", "averse", "aversion", "avert", "aviary", "avid", "avidity", "avocation", "avow", "awaken", "awry", "axiom", "aye", "azalea", "azure", "backbone", "Baconian", "bacterium", "badger", "baffle", "bailiff", "baize", "bale", "baleful", "ballad", "balsam", "banal", "bane", "barcarole", "barefaced", "baritone", "barograph", "barometer", "barrage", "barring", "bask", "bass", "baste", "baton", "battalion", "batten", "batter", "bauble", "bawl", "beatify", "beatitude", "beau", "becalm", "beck", "bedaub", "bedeck", "bedlam", "befog", "befriend", "beget", "begrudge", "behavioral", "belate", "belated", "belay", "belie", "believe", "belittle", "belle", "bellicose", "belligerent", "bemoan", "benediction", "benefactor", "benefice", "beneficent", "beneficial", "beneficiary", "benefit", "benevolence", "benevolent", "benign", "benignant", "benignity", "benison", "bequeath", "bereave", "berth", "beseech", "beset", "besmear", "bestial", "bestow", "bestrew", "bestride", "bethink", "betide", "betimes", "betroth", "betrothal", "bevel", "bewilder", "bible", "bibliography", "bibliomania", "bibliophile", "bibulous", "bide", "biennial", "bier", "bigamist", "bigamy", "bight", "bilateral", "bilingual", "bingle", "biograph", "biography", "biology", "biped", "bipolar", "bird", "birthright", "bitterness", "bland", "blandishment", "blase", "blaspheme", "blasphemy", "blatant", "blaze", "blazon", "bleak", "blemish", "blithe", "blithesome", "blockade", "blog", "blueprint", "boatswain", "bodice", "bodily", "boisterous", "bole", "bolero", "boll", "bolster", "bomb", "bombard", "bombardier", "bombast", "boorish", "bore", "borough", "bosom", "botanical", "botanize", "botany", "boundless", "bountiful", "Bowdlerize", "bowler", "boycott", "brae", "braggart", "brandish", "bravado", "bravo", "bray", "braze", "brazen", "brazier", "breach", "breaker", "breech", "brethren", "brevity", "bric-a-brac", "bridle", "brigade", "brigadier", "brigand", "brimstone", "brine", "brink", "bristle", "Britannia", "Briticism", "brittle", "broach", "broadcast", "brogan", "brogue", "brokerage", "bromine", "bronchitis", "bronchus", "brooch", "brotherhood", "browbeat", "brusque", "buffoon", "buffoonery", "bulbous", "bullock", "bulrush", "bulwark", "bumper", "bumptious", "bungle", "buoyancy", "buoyant", "bureau", "bureaucracy", "burgeon", "burgess", "burgher", "burnish", "bursar", "bustle", "butt", "butte", "buttress", "by-law", "cabal", "cabalism", "cabane", "cabinet", "cacophony", "cadaverous", "cadence", "cadenza", "cadge", "caitiff", "cajole", "cajolery", "calculable", "calculus", "calligraphy", "callosity", "callous", "callow", "calorie", "calumny", "Calvary", "Calvinism", "Calvinize", "came", "cameo", "campaign", "Canaanite", "canard", "canary", "candid", "candor", "canine", "canon", "cant", "cantata" }; public static String[] getDirectory() { return dictionary; } }