chancge background color of selected row grid

answered 2013-12-01 14:54:17 +0800

chillworld
5367 ● 4 ● 9
https://github.com/chillw...

updated 2013-12-02 07:28:17 +0800

With css:

<zk>
   <style>
       tr.z-listitem-seld { background-image:none; background-color:yellow;}
   </style>
   <hbox>
       <zscript>
           classes = new String[] { "College", "Graduate" };
           grades = new Object[] { new String[] { "Best", "Better" },
           new String[] { "A++", "A+", "A" } };
       </zscript>
       <listbox width="200px" forEach="${classes}">
           <listhead>
               <listheader label="${each}" />
           </listhead>
           <listitem label="${forEachStatus.previous.each}: ${each}"
                           forEach="${grades[forEachStatus.index]}" />
       </listbox>
   </hbox>
</zk>

see for yourself here :

http://zkfiddle.org/sample/144129u/1-Change-background-color-selected-item-from-listbox