zkframeworkのチェックボックスの選択に基づいて列を表示する方法

Question

ユーザーによるチェックボックスの選択に基づいて、一部の列を表示/非表示にしたいと考えています。それはZKバージョン3で動作していましたが、バージョン8にアップグレードした後は動作しません。この問題を解決するために私たちを助けてください。以下は使用されているzulのコードです。ページのデフォルト/オンロードすることで

は唯一messageColumnはdispalyedされますが、ユーザーがチェックボックスを刻みときにすべての4つの列が表示され、ユーザーがチェックボックスのチェックを外した場合、再びのみ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> 

ありがとうございます！

Answer 1

あなたのコードで非常に多くの構文エラーが見つかったので、以下のようにコードを変更して、私はすでにそれをテストしました。

<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>