0

Problem concerning combination of popup and listbox

asked 2014-06-26 19:11:29 +0800

orthello gravatar image orthello
18 2

updated 2014-07-18 21:48:30 +0800

If listbox has rows or height defined then popup works as expected.

If listbox only has vflex="true" defined and does not define rows or height then when popup displays the listbox goes blank/disappears. When the popup is no longer visible then the listbox re-appears.

Any ideas how to fix this?

Causes listbox not to take up all available space (but popup displays correctly)

<listbox id="paneljurorsId"
         hflex="true"
         rows="18"
         ...

Causes listbox to go blank when popup displays:

<listbox id="paneljurorsId"
         hflex="true"
         vflex="true"
         ...

I have screenshots but I don't have enough karma to upload them. That's funny.

Here is the listcell that cause the popup to display:

<listcell label="@load(panelJuror.panelJurorCodeListToString)"
                                  tooltip="@load(empty panelJuror.panelJurorCodeList ? '' : 'CurrentPanelJurorCodePopup, at_pointer')" >

This is the popup that displays when one of the listcells is hovered over:

    <popup id="CurrentPanelJurorCodePopup"
           width="600px"
           onOpen="@command('panelJurorCodePopupOnOpen', opened=event.open, panelJuror=event.reference.getAttribute('panelJuror'))">
        <grid span="true"
              model="@load(vm.onMouseOverPanelJurorCodeListModel)">
            <columns>
                <column value="Action"
                        hflex="1"
                        align="left"
                        valign="middle"/>
                <column value="Code"
                        hflex="1"
                        align="left"
                        valign="middle"/>
                <column value="Description"
                        hflex="2"
                        align="left"
                        valign="middle"/>
                <column value="Comment"
                        hflex="3"
                        align="left"
                        valign="middle"/>
                <column value="Date"
                        hflex="2"
                        align="left"
                        valign="middle"/>
                <column value="User"
                        hflex="1"
                        align="left"
                        valign="middle"/>
                <column value="Transferred To"
                        hflex="2"
                        align="left"
                        valign="middle"/>
            </columns>
            <template name="model" var="pjc">
                <row>
                    <a disabled="@load(vm.isArchived or pjc.domainPanelJurorCode.jmsDomainPanelJurorCode)"
                       image="@load(vm.isArchived or pjc.domainPanelJurorCode.jmsDomainPanelJurorCode ? '/img/action-remove-disable.ico' : '/img/action-remove-enable.ico')"
                       tooltiptext="Remove code"
                       onClick="@command('doRemovePanelJurorCode', pjc=pjc)"/>
                    <label value="@load(pjc.domainPanelJurorCode.code)"/>
                    <label value="@load(pjc.domainPanelJurorCode.description)"/>
                    <textbox value="@bind(pjc.comment)"
                             disabled="@load(vm.isArchived)"
                             width="120px"
                             cols="255"
                             rows="1"
                             tooltiptext="@load(pjc.comment)"
                             onChange="@command('doSavePanelJurorCodeComment', pjc=pjc)"/>
                    <label value="@load(empty pjc.assignedDate ? '' : core:formatDate(pjc.assignedDate, 'MM/dd/yy hh:mm a'))"/>
                    <label value="@load(empty pjc.assignedUser ? '' : pjc.assignedUser.loginName)"/>
                    <label value="@load(empty pjc.destinationPanel ? '' : pjc.destinationPanel.toStringShort)"/>
                </row>
            </template>
        </grid>
    </popup>

To clarify: Depending on the browser the listbox either goes blank or the screen flickers.

delete flag offensive retag edit

1 Answer

Sort by ยป oldest newest most voted
0

answered 2014-07-21 02:39:59 +0800

vincentjian gravatar image vincentjian
2245 6

I tried your sample code on zkfiddle with ZK 7.0.2 and 6.5.4, 6.5.5. But it works fine and I don't see the issue you described, can you update the sample code on zkfiddle that can reproduce the issue?

link publish delete flag offensive edit

Comments

http://zkfiddle.org/sample/1ncu03i/6-Problem-concerning-combination-of-popup-and-listbox

orthello ( 2014-07-23 18:50:19 +0800 )edit

I've been trying to reproduce the problem all morning but I have not been sucessful. The zkfiddle example above works as expected but in our project the listbox disappears when popup displays.

orthello ( 2014-07-23 18:51:59 +0800 )edit

Can you try identify the issue by starting from minimized case in your project? For example, only have one listbox and popup in the page, then add outer layout one by one to see if the issue happens? It will help a lot to identify which component may cause the issue.

vincentjian ( 2014-07-24 08:32:44 +0800 )edit

I just noticed something. I haven't figured out the problem but it is odd that both of our zkfiddle examples are showing the column headers in the popup but in our project the column headers in the popup do not show. Only the rows based on the model are showing up.

orthello ( 2014-07-24 20:26:04 +0800 )edit

The hflex values within the column definitions are being respected. Wierd. Could this all be a ListModel within a popup issue?

orthello ( 2014-07-24 20:26:50 +0800 )edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow
1 follower

RSS

Stats

Asked: 2014-06-26 19:11:29 +0800

Seen: 26 times

Last updated: Jul 21 '14

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