Export of projects having hidden windows

[vospix]

Designer version tested:

• Designer 1.2.2 rev 48

Operating System:

• Windows 7

Framework:

• Ext JS 4.0.x

Description:

• Projects having hidden window are incorrectly exported. Say you want to create a mockup where click on a button opens a dialog and there are several dialogs of that kind. They become all visible at page load.

Steps to reproduce the problem:

1. Create a new project
2. Add a Viewport
3. Add a Panel to the Viewport
4. Add several Windows as root elements
5. Verify "hidden" property of windows set to true
6. Export project
7. Open exported page
8. All windows shown

The result that was expected:

• Hidden Windows aren't visible on page load

The result that occurs instead:

• designer.js:

​
....
var cmp1 = Ext.create('MyApp.view.MyWindow', {            renderTo: Ext.getBody()
        });
        cmp1.show();
....

cmp1.show(); obviously shouldn't be there

[lorezyra]

By design, XDS creates all the view code for export and creates a base file to view all of the components you mocked-up in XDS...

That base file assumes that you want to view all components. It's up to you to copy that code and paste it into your actual project base. Designer doesn't create the business logic. It simply creates the views and stores. You have to create the controllers and models (as needed). In those controllers, you would write the code that would make a window (dialog box) show or remain hidden.
This is all by design and not a bug.

[aconran]

lorezyra -

Thanks for the post. I'm verifying what was said above is true. Designer 2.0 however will be a game changer and no longer just a tool to build your UI views. It will now be used to build applications entirely without leaving the Designer or the need of an external tool.

[vospix]

aconran,

actually Designer is also perfect tool for early/rapid prototyping of user interfaces to be implemented with ExtJs and that's what I'm using it for. So I'm happy to know it is going to be improved in that way