2017-04-25 6 views
0

사용자가 선택란을 선택하면 일부 열을 보이게하거나 보이지 않게하고 싶습니다. ZK 버전 3에서 작동했지만 버전 8로 업그레이드 한 후에 작동하지 않습니다. 이 문제를 해결할 수 있도록 도와주세요. 다음은 zul에서 사용되는 코드입니다. 페이지의 기본 /의 onload으로zkframework의 확인란 선택에 따라 열을 표시하는 방법

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