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

Nested cardlayout did not show correctly

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 6.5.5, 7.0.2
    • Fix Version/s: 6.5.7, 7.0.3
    • Component/s: Components
    • Security Level: Jimmy
    • Labels:

      Description

      Reproducible sample:

      <zk>
      <label multiline="true">
      1. Click "page 2" button should see "this is page 2-1", not "this is page 2-2"
      2. Click "page 3" button should see "this is page 3-1".
      </label>
          <vlayout hflex="1" vflex="1">
              <cardlayout id="card" hflex="1" vflex="1">
                  <cardlayout hflex="1" vflex="1" style="background-color:red" selectedIndex="0">
                      <vbox width="300px" height="300px" align="center" pack="center" style="border:1px solid black;">
                          <label value="this is page 1-1" />
                      </vbox>
                      <vbox width="300px" height="300px" align="center" pack="center" style="border:1px solid black;">
                          <label value="this is page 1-2" />
                      </vbox>
                      <vbox width="300px" height="300px" align="center" pack="center" style="border:1px solid black;">
                          <label value="this is page 1-3" />
                      </vbox>
                  </cardlayout>
                  <cardlayout hflex="1" vflex="1" style="background-color:yellow" selectedIndex="0">
                      <vbox width="300px" height="300px" align="center" pack="center" style="border:1px solid black;">
                          <label value="this is page 2-1" />
                      </vbox>
                      <vbox width="300px" height="300px" align="center" pack="center" style="border:1px solid black;">
                          <label value="this is page 2-2" />
                      </vbox>
                      <vbox width="300px" height="300px" align="center" pack="center" style="border:1px solid black;">
                          <label value="this is page 2-3" />
                      </vbox>
                  </cardlayout>
                  <cardlayout hflex="1" vflex="1" style="background-color:green" selectedIndex="0">
                      <vbox width="300px" height="300px" align="center" pack="center" style="border:1px solid black;">
                          <label value="this is page 3-1" />
                      </vbox>
                      <vbox width="300px" height="300px" align="center" pack="center" style="border:1px solid black;">
                          <label value="this is page 3-2" />
                      </vbox>
                      <vbox width="300px" height="300px" align="center" pack="center" style="border:1px solid black;">
                          <label value="this is page 3-3" />
                      </vbox>
                  </cardlayout>
                  <cardlayout hflex="1" vflex="1" style="background-color:orange" selectedIndex="0">
                      <vbox width="300px" height="300px" align="center" pack="center" style="border:1px solid black;">
                          <label value="this is page 4-1" />
                      </vbox>
                      <vbox width="300px" height="300px" align="center" pack="center" style="border:1px solid black;">
                          <label value="this is page 4-2" />
                      </vbox>
                      <vbox width="300px" height="300px" align="center" pack="center" style="border:1px solid black;">
                          <label value="this is page 4-3" />
                      </vbox>
                  </cardlayout>
              </cardlayout>
              <hlayout>
                  <button onClick="card.setSelectedIndex(0)">page 1</button>
                  <button onClick="card.setSelectedIndex(1)">page 2</button>
                  <button onClick="card.setSelectedIndex(2)">page 3</button>
                  <button onClick="card.setSelectedIndex(3)">page 4</button>
              </hlayout>
          </vlayout>
      </zk>
      

        Attachments

          Activity

            People

            • Assignee:
              JerryChen JerryChen
              Reporter:
              vincentjian vincentjian
            • Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: