2017-04-25 115 views
0

我想根據用戶的複選框選擇使某些列可見/不可見。它在ZK版本3中工作,但在升級到版本8後,它不起作用。請幫助我們解決此問題。以下是使用的zul中的代碼。如何根據zkframework中複選框的選擇來顯示列

通過頁面的默認/ onload事件只messageColumn將dispalyed但是當用戶蜱的複選框全部四列會顯示後,如果用戶取消選中該複選框,然後再只messageColumn應顯示

<

dialog title="process" id="logDialog" width="1000"> <grid id="logGrid" sclass="logGrid" height="600px"> 
    <columns sizable="true"> 
    <column id="messagecolumn" label="Message" width="120px" align="center"/> <column id="datacolumn" label="Data" width="120px" align="center" visble="false"/> <column id="idcolumn" label="ID" width="120px" align="center" visble="false"/> <column id="infocolumn" label="Information" width="120px" align="center" visble="false"/> </columns> 

    </grid> 

    <hbox align="center"> <checkbox lable="tick" oncheck="showAllColumns(self.checked)"/> <seperator spacing="30px" orient="vertical"/> <button label="cancel" onclick="cancel()"/> </hbox> 
    </dialog> 

    <zscript> 
    void showAllColumns(checked) 
    { 
    datacolumn.visible=checked; 
    idcolumn.visible=checked; 
    infocolumn.visible=checked; 
    } 
    </zscript> 

在此先感謝!

回答

0

我發現你的代碼中有這麼多的語法錯誤,像下面這樣改變你的代碼,我已經測試過了。

<grid> 
     <columns sizable="true"> 
      <column id="messagecolumn" label="Message" width="120px" 
       align="center" /> 
      <column id="datacolumn" label="Data" width="120px" 
       align="center" visible="false" /> 
      <column id="idcolumn" label="ID" width="120px" 
       align="center" visible="false" /> 
      <column id="infocolumn" label="Information" 
       width="120px" align="center" visible="false" /> 
     </columns> 
    </grid> 

    <hbox align="center"> 
     <checkbox label="tick" 
      onCheck="showAllColumns(self.checked)" /> 
     <separator spacing="30px" orient="vertical" /> 
     <button label="cancel" onClick="cancel()" /> 
    </hbox> 

    <zscript> 
     void showAllColumns(boolean checked) { 
      datacolumn.visible=checked; 
      idcolumn.visible=checked; 
      infocolumn.visible=checked; 
     } 
    </zscript> 
相關問題