title: Issue With Zk Checkbox?
body: <p>I have a macro Component for <code>DualListBox</code> which also contains the Checkbox, something Like this:</p>
  
  <pre><code>&lt;hlayout
      style="padding-left: 40px;padding-top:20px;padding-bottom:20px;"
      hflex="1" vflex="1"&gt;
      &lt;separator /&gt;
  
      &lt;listbox id="candidateLb" vflex="true" width="250px"
          multiple="true"   model="${arg.candidateModel}"&gt;
          &lt;listhead&gt;
              &lt;listheader label="Default Column List"&gt;&lt;/listheader&gt;
  
          &lt;/listhead&gt;
          &lt;template name="model" var="each"&gt;
              &lt;listitem&gt;
                  &lt;listcell label="${each}" /&gt;
  
              &lt;/listitem&gt;
          &lt;/template&gt;
      &lt;/listbox&gt;
  
      &lt;vbox spacing="10px"&gt;
          &lt;image style="cursor:pointer" id="chooseAllBtn"
              src="/images/rightrightarrow_g.png" /&gt;
          &lt;image style="cursor:pointer" id="chooseBtn"
              src="/images/rightarrow_g.png" /&gt;
          &lt;image style="cursor:pointer" id="removeBtn"
              src="/images/leftarrow_g.png" /&gt;
          &lt;image style="cursor:pointer" id="removeAllBtn"
              src="/images/leftleftarrow_g.png" /&gt;
      &lt;/vbox&gt;
      &lt;listbox id="chosenLb" vflex="true" width="250px"
            model="${arg.chosenDataModel}" &gt;
          &lt;listhead&gt;
              &lt;listheader label="Selected Column List"&gt;&lt;/listheader&gt;
  
          &lt;/listhead&gt;
          &lt;template name="model" var="each"&gt;
              &lt;listitem&gt;
  
                  &lt;listcell label="${each.value}" &gt;
                  &lt;separator orient="vertical"  /&gt;
  
              &lt;b &gt;    &lt;checkbox checked="${each.checked}" /&gt;&lt;/b&gt;
                  &lt;/listcell&gt;
              &lt;/listitem&gt;
          &lt;/template&gt;
      &lt;/listbox&gt;
  
      &lt;vbox spacing="10px"&gt;
          &lt;image style="cursor:pointer" id="topBtn"
              src="/images/upuparrow_g.png" /&gt;
          &lt;image style="cursor:pointer" id="upBtn"
              src="/images/uparrow_g.png" /&gt;
          &lt;image style="cursor:pointer" id="downBtn"
              src="/images/downarrow_g.png" /&gt;
          &lt;image style="cursor:pointer" id="bottomBtn"
              src="/images/downdownarrow_g.png" /&gt;
      &lt;/vbox&gt;
  
  &lt;/hlayout&gt;
  </code></pre>
  
  <p>My Problem is that when some one checked the CheckBox i want to call a method which will update some value. How can i do this?</p>