Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-2015

Change the visible of cell component sometimes will fail (IE10 only)

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 6.5.4
    • Fix Version/s: 7.0.0, 6.5.5
    • Component/s: Components
    • Labels:
      None

      Description

      http://screencast.com/t/EQLBfYwC

      <zk xmlns:n="native">
      	<borderlayout height="100px">
      		<center>
      			<div>
      				<hbox></hbox>
      			</div>
      		</center>
      	</borderlayout>
      
      	<toolbarbutton id="btn" mode="toggle" label="click"
      		checked="true">
      		<attribute name="onCheck"><![CDATA[
      			boolean check = event.isChecked();
      			cell1.setVisible(check);
      			cell2.setVisible(check);
      			if (check)
      				Clients.evalJavaScript("jq('#td1').show();jq('#td2').show();");
      			else
      				Clients.evalJavaScript("jq('#td1').hide();jq('#td2').hide();");
      		]]></attribute>
      	</toolbarbutton>
      
      	<button label="show">
      		<attribute name="onClick"><![CDATA[
      			cell1.setVisible(true);
      			cell2.setVisible(true);
      		]]></attribute>
      	</button>
      	<button label="hide">
      		<attribute name="onClick"><![CDATA[
      			cell1.setVisible(false);
      			cell2.setVisible(false);
      		]]></attribute>
      	</button>
      
      	<grid width="300px" id="grid">
      		<columns>
      			<column label="col" />
      			<column label="col" />
      			<column label="col" />
      		</columns>
      		<rows>
      			<row>
      				<cell>AA</cell>
      				<cell id="cell1">BB</cell>
      				<cell id="cell2">CC</cell>
      			</row>
      		</rows>
      	</grid>
      	<div width="300px">
      		<n:table width="100%" style="table-layout: fixed;" border="0"
      			cellspacing="0" cellpadding="0">
      			<n:tr class="z-row">
      				<n:td class="z-cell">
      					<n:span>A</n:span>
      				</n:td>
      				<n:td class="z-cell" id="td1">
      					<n:span>B</n:span>
      				</n:td>
      				<n:td class="z-cell" id="td2">
      					<n:span>C</n:span>
      				</n:td>
      			</n:tr>
      		</n:table>
      	</div>
      	
      
      </zk>
      

        Attachments

          Activity

            People

            Assignee:
            RaymondChao RaymondChao
            Reporter:
            jimmyshiau jimmyshiau
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved: