Revision history [back]

click to hide/show revision 1
initial version

asked 2017-04-20 08:00:42 +0800

KartikBandri gravatar image KartikBandri

making the columns visible based on checkbox

Hi All,

I want make some columns visible/invisible based on Checkbox selection by the user. It was working in ZK version 3 but after upgrading to version 8 it is not working. Please help us to resolve this issue. Below is the code in zul which is used.

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

making the columns visible based on checkbox

Hi All,

I want make some columns visible/invisible based on Checkbox selection by the user. It was working in ZK version 3 but after upgrading to version 8 it is not working. Please help us to resolve this issue. Below is the code in zul which is used.

By Default/onload of the page only messageColumn will be dispalyed but when user ticks on checkbox all four columns will be displayed and after if user unchecks the checkbox then again only messageColumn should be displayed

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

making the columns visible based on checkbox

Hi All,

I want make some columns visible/invisible based on Checkbox selection by the user. It was working in ZK version 3 but after upgrading to version 8 it is not working. Please help us to resolve this issue. Below is the code in zul which is used.

By Default/onload of the page only messageColumn will be dispalyed but when user ticks on checkbox all four columns will be displayed and after if user unchecks the checkbox then again only messageColumn should be displayed

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

thanks in advance!!!

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More