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

Support a shadow element concept for Databinding or EL expression

    Details

    • gh.sprint.customfield.default.name:
      ZK 8.0.1

      Description

      for example,
      Apply Shadow

      <!-- Basic Example -->
      <div>
      	<apply>test</apply>
      </div>
       
      <!-- Macro Like -->
      <?component name="foo" templateURI="../include/apply.zul"?> 
      <div>
      	<foo/>
      </div>
       
      <!-- EL -->
      <zk>
      	<zscript>
      	String templateName = "default";
      	</zscript>
      	<div>
      		<apply template="${templateName}">
      			<template>test</template>
      			<template name="default">test with the default name</template>
      		</apply>
      	</div>
      </zk>
      

      Choose Shadow

      <zk>
      	<zscript>
      		int each = 1;
      	</zscript>
      	<div style="border:1px solid red;" id="host">
      		<choose>
      			<when test="false">
      				<div style="color:blue">${each} Template</div>
      			</when>
      			<when test="true">
      				<div style="color:green">${each} Template</div>
      			</when>
      			<otherwise>
      				<div style="color:red">${each} Template</div>
      			</otherwise>
      		</choose>
      	</div>
      </zk>
      

      ForEach Shadow

      <zk xmlns:x="xhtml">
      	<x:table id="host" border="1">
      		<forEach begin="1" end="9" var="x">
      			<x:tr>
      				<forEach begin="1" end="9" var="y">
      					<x:td>${x} X ${y} = ${x * y}</x:td>
      				</forEach>
      			</x:tr>
      		</forEach>
      	</x:table>
      </zk>
      

      If Shadow

      <div style="border:1px solid red;" id="host">
      	<if test="${isVisible}">
      		<div style="background:yellow">
      			1. First
      			<if test="${isVisible}">
      				<div style="background:yellow">
      					Without Template
      				</div>
      			</if>
      			3. Last
      		</div>
      	</if>
      </div>
      

        Issue Links

          Activity

          jumperchen jumperchen created issue -
          jumperchen jumperchen made changes -
          Field Original Value New Value
          Link This issue relates to ZK-1332 [ ZK-1332 ]
          jumperchen jumperchen made changes -
          Link This issue relates to ZK-1717 [ ZK-1717 ]
          jumperchen jumperchen made changes -
          gh.sprint.customfield.default.name ZK 8.0.0 [ 1 ]
          jumperchen jumperchen made changes -
          gh.lexorank.field.name Ranked lower
          jumperchen jumperchen made changes -
          Assignee jumperchen [ jumperchen ] DevChu [ devchu ]
          DevChu DevChu made changes -
          Status Open [ 1 ] In Progress [ 3 ]
          DevChu DevChu made changes -
          Status In Progress [ 3 ] Open [ 1 ]
          DevChu DevChu made changes -
          Status Open [ 1 ] In Progress [ 3 ]
          jumperchen jumperchen made changes -
          Fix Version/s 8.0.0 [ 12610 ]
          jumperchen jumperchen made changes -
          Status In Progress [ 3 ] Closed [ 6 ]
          Resolution Done [ 7 ]
          jumperchen jumperchen made changes -
          Status Closed [ 6 ] Reopened [ 4 ]
          jumperchen jumperchen made changes -
          Status Reopened [ 4 ] Closed [ 6 ]
          DevChu DevChu made changes -
          Description for example,
          *Apply Shadow*
          {code}
          <!-- Basic Example -->
          <div>
          <apply>test</apply>
          </div>
           
          <!-- Macro Like -->
          <?component name="foo" templateURI="../include/apply.zul"?>
          <div>
          <foo/>
          </div>
           
          <!-- EL -->
          <zk>
          <zscript>
          String templateName = "default";
          </zscript>
          <div>
          <apply template="${templateName}">
          <template>test</template>
          <template name="default">test with the default name</template>
          </apply>
          </div>
          </zk>
          {code}
          *Choose Shadow*
          {code}
          <zk>
          <zscript>
          int each = 1;
          </zscript>
          <div style="border:1px solid red;" id="host">
          <choose>
          <when test="false">
          <div style="color:blue">${each} Template</div>
          </when>
          <when test="true">
          <div style="color:green">${each} Template</div>
          </when>
          <otherwise>
          <div style="color:red">${each} Template</div>
          </otherwise>
          </choose>
          </div>
          </zk>
          {code}
          *ForEach Shadow*
          {code}
          <zk xmlns:x="xhtml">
          <x:table id="host" border="1">
          <forEach begin="1" end="9" var="x">
          <x:tr>
          <forEach begin="1" end="9" var="y">
          <x:td>${x} X ${y} = ${x * y}</x:td>
          </forEach>
          </x:tr>
          </forEach>
          </x:table>
          </zk>
          {code}
          *If Shadow*
          {code}
          <div style="border:1px solid red;" id="host">
          <if test="${isVisible}">
          <div style="background:yellow">
          1. First
          <if test="${isVisible}">
          <div style="background:yellow">
          Without Template
          </div>
          </if>
          3. Last
          </div>
          </if>
          </div>
          {code}
          for example,
          *Apply Shadow*
          {code}
          <!-- Basic Example -->
          <div>
          <apply>test</apply>
          </div>
           
          <!-- Macro Like -->
          <?component name="foo" templateURI="../include/apply.zul"?>
          <div>
          <foo/>
          </div>
           
          <!-- EL -->
          <zk>
          <zscript>
          String templateName = "default";
          </zscript>
          <div>
          <apply template="${templateName}">
          <template>test</template>
          <template name="default">test with the default name</template>
          </apply>
          </div>
          </zk>
          {code}
          *Choose Shadow*
          {code}
          <zk>
          <zscript>
          int each = 1;
          </zscript>
          <div style="border:1px solid red;" id="host">
          <choose>
          <when test="false">
          <div style="color:blue">${each} Template</div>
          </when>
          <when test="true">
          <div style="color:green">${each} Template</div>
          </when>
          <otherwise>
          <div style="color:red">${each} Template</div>
          </otherwise>
          </choose>
          </div>
          </zk>
          {code}
          *ForEach Shadow*
          {code}
          <zk xmlns:x="xhtml">
          <x:table id="host" border="1">
          <forEach begin="1" end="9" var="x">
          <x:tr>
          <forEach begin="1" end="9" var="y">
          <x:td>${x} X ${y} = ${x * y}</x:td>
          </forEach>
          </x:tr>
          </forEach>
          </x:table>
          </zk>
          {code}
          *If Shadow*
          {code}
          <div style="border:1px solid red;" id="host">
          <if test="${isVisible}">
          <div style="background:yellow">
          1. First
          <if test="${isVisible}">
          <div style="background:yellow">
          Without Template
          </div>
          </if>
          3. Last
          </div>
          </if>
          </div>
          {code}
          Remaining Estimate 0 minutes [ 0 ]
          Time Spent 1 day, 5 hours [ 46800 ]
          Worklog Id 12303 [ 12303 ]
          rudyhuang rudyhuang made changes -
          Workflow zk [ 17701 ] ZK CodeReview Workflow [ 26509 ]

            People

            • Assignee:
              DevChu DevChu
              Reporter:
              jumperchen jumperchen
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 5 hours
                1d 5h

                  Agile