Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User cyberwombat's Avatar
    Join Date
    Oct 2011
    Posts
    237
    Vote Rating
    2
    cyberwombat is on a distinguished road

      0  

    Default Datepicker does not work when in a card that is slid into

    Datepicker does not work when in a card that is slid into


    REQUIRED INFORMATIONExt version tested:
    • ST PR3
    Browser versions tested against:
    • Chrome 14/OSX
    DOCTYPE tested against:
    • html
    Description:
    • When using navigationview and sliding into a form - the datepicker selector does not show (it's in DOM).
    Steps to reproduce the problem:
    • Create a 2 card navigationview (I assume a card view would do same)
    • Make second card a form with a datepicker
    • Use a button to slide into form and try to use datepicker

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,604
    Vote Rating
    818
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Using PR3 both these classes work no problems:

    Code:
    Ext.define('MyContainer', {
        extend : 'Ext.Container',
        xtype  : 'mycnt',
    
        config : {
            fullscreen : true,
            layout     : 'card',
            items      : [
                {
                    html  : 'one',
                    items : [
                        {
                            xtype  : 'toolbar',
                            docked : 'bottom',
                            items  : [
                                {
                                    text    : 'Next',
                                    handler : function(btn) {
                                        var cnt = btn.up('mycnt');
    
                                        cnt.setActiveItem(1);
                                    }
                                }
                            ]
                        }
                    ]
                },
                {
                    xtype : 'formpanel',
                    items : [
                        {
                            xtype   : 'datepickerfield',
                            label   : 'Date'
                        }
                    ]
                }
            ]
        }
    });
    
    Ext.define('MyNavigation', {
        extend : 'Ext.navigation.View',
        xtype  : 'mynav',
    
        config : {
            fullscreen : true,
            items      : [
                {
                    title : 'First',
                    items : [
                        {
                            xtype   : 'button',
                            text    : 'Push a new view!',
                            handler : function(btn) {
                                var view = btn.up('mynav');
    
                                view.push({
                                    xtype : 'formpanel',
                                    items : [
                                        {
                                            xtype   : 'datepickerfield',
                                            label   : 'Date'
                                        }
                                    ]
                                });
                            }
                        }
                    ]
                }
            ]
        }
    });
    Tested with Chrome on Mac OSX Lion and the iOS Simulator.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,604
    Vote Rating
    818
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Changed to datepickerfield instead of the selectfield... tested again with no problems.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #4
    Sencha User cyberwombat's Avatar
    Join Date
    Oct 2011
    Posts
    237
    Vote Rating
    2
    cyberwombat is on a distinguished road

      0  

    Default


    After more testing (sorry I don't have example - it's a big mvc app) it seems that it's due to a navbar interference. I have a bottom docked NavBar and when I specify: docked: 'bottom' that is when the datepicker doesn't work

  5. #5
    Sencha User cyberwombat's Avatar
    Join Date
    Oct 2011
    Posts
    237
    Vote Rating
    2
    cyberwombat is on a distinguished road

      0  

    Default


    Here's an test case - interestingly it doesn't happen if the navbar is part of the items - but when it is added as in example then the issue occurs

    Code:
    Ext.define("App.view.NavBar", {
        extend: "Ext.TabBar",
         config: {
            cls: "mainnav",
            docked: 'bottom',
            centered: true,
        }
    });
    
    
    Ext.application({
        name: 'App',
        autoCreateViewport: false,
        watch: false,
        launch: function() {
            this.getView("NavBar").create().show();
            var a = this;
            var s = Ext.define('MyNavigation', {
                extend: 'Ext.navigation.View',
                xtype: 'mynav',
    
    
                config: {
                    fullscreen: true,
                    items: [
                    {
                        title: 'First',
                        items: [
                        {
                            xtype: 'button',
                            text: 'Push a new view!',
                            handler: function(btn) {
                                var view = btn.up('mynav');
    
    
                                view.push({
                                    xtype: 'formpanel',
                                    items: [
                                    {
                                        xtype: 'datepickerfield',
                                        label: 'Date'
                                    }
                                    ]
                                });
                            }
                        }
                        ]
                    }
                    ]
                }
    
    
            });
            s.create();
        },
    });

  6. #6
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,604
    Vote Rating
    818
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Why do you have that floating App.view.NavBar? That is what is stopping the picker from showing.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  7. #7
    Sencha User cyberwombat's Avatar
    Join Date
    Oct 2011
    Posts
    237
    Vote Rating
    2
    cyberwombat is on a distinguished road

      0  

    Default


    I use a navbar on part of the app which is build on navigationview. It's what I use to change cards. Not sure what other options I have

  8. #8
    Sencha User cyberwombat's Avatar
    Join Date
    Oct 2011
    Posts
    237
    Vote Rating
    2
    cyberwombat is on a distinguished road

      0  

    Default


    I've changed my layout to always have the navbar in it and hiding it rather than the current way of creating the navbar controller/view on demand. That will work for me I think

Thread Participants: 1