Date(), KB Enter, and Orientation issue.

[TopKatz]

First let me just say how excited I am for ExtT.

I have some standard functions I use in my system that I like to include in my projects. One of them sets the current weekending date to a var. I'n my app I will typicaly just call a format on the date object, and spit out what I need to send to server. Well, for some reason using the touch lib the browser barks that format is not a function. Anyone know why that is? I have worked around it using getDate, getYear, getMonth.

Is there a way to get the virtual keyboard enter to play nice? It sort of works now, its almost like the form puts, but my submit keys logic does not get called. Do I just need to use a listener, or keys config?

I'm also seeing that my app does not resize correctly when orientation changes. It works fine if you go from portrait to landscape, but not the other way. Once it wonks out its toast, and the page needs to be reloaded to fix it.

Anyone know anything about any of these?

Katz

[TommyMaintz]

Thanks for your input. We are all very excited ourselves.

We are currently debating what with the Date package. 2000 lines is a lot, especially since we want to keep our filesize as low as possible for Ext Touch.
Expect the keyboard enter to work nicely in the next version. We will add a submit event to FormPanel.
Could you give us an example of a layout or interface where the orientation change doesn't resize correctly so we can look into it?

[TopKatz]

No problem with the date thing... I figured it was that.

My layout is just a tabPanel with cards, and one of the tabs has a form panel as its itmes.

Ext.ns('Ihc.ipx');
Ext.onReady(function(){

 Ihc.ipx.TabPanel = new Ext.TabPanel({
autoRender: true,
fullscreen: true,
tabBar: {
dock: 'bottom',
layout: {
 pack: 'center'
 }
 },
 dockedItems: [{
 xtype: 'toolbar',
 dock: 'top',
 title: 'Welcom '+ realName,
 items:[
 {xtype: 'spacer'},
 {
 text:'LogOut',
 iconCls: 'action',
 ui: 'action',
 dock: 'right',
 handler:function(){
 window.location = 'logout.php';
 }
 }
 ]

 }],
 cls: 'cards',
 ui: 'light',
 sortable: true,
 animation: {
 type: 'slide',
 cover: true
 },
 defaults: {
 // scroll: 'vertical'
 },
 items:[
 {
 title: 'User',
 html: 'User Card',
 cls: 'userCard',
 iconCls: 'user'
 },{
 title:'Aide',
 html:'Aide Card',
 cls:'aideCard',
 iconCls:'team'

 },{
 title:'Client',
 // html:'Client Card',
 items:Ihc.ipx.ClientCard,
 cls:'clientCard',
 iconCls:'bookmarks'

 }

 ]
 });



})

[TommyMaintz]

Alright. I'll look into it.

Two quick pointers. You don't have to specify autoRender true on the tab panel. Fullscreen true will auto render the panel. Also you shouldn't specify dock right on the logout button. Dock only works on items inside the docked items of a panel. I will look into the incorrect resize behavior.

[TopKatz]

Im thinking its my css. Ill tear it down on Monday and report back.

katz

[TopKatz]

Its not the css. Here is my child panel, although I dont think its the problem either. I comment it out and it still wonks out.

Ihc.ipx.ClientCard = new Ext.Panel({
    html:'Test',
    height:500,
    scroll: 'vertical',
       dockedItems: [{
            xtype: 'toolbar',
            title: 'Client Card',           
            dock: 'top',
            items: [
                {
                    xtype: 'searchfield',
                    name: 'clientID',
                    placeholder: 'Client ID',
                    id:'luClientID'
                },{
                    text:'Go',
                    iconCls: 'action',
                    ui: 'action',
                    handler:function(){
                       var clientID =  Ext.getCmp('luClientID').getValue();
                       alert(clientID)
                        Ext.Ajax.request({
                            url: 'data/clientRequest.php',
                            params:{routine:'getClientInfo2',ihsID:clientID},
                            success: function(response, opts) {

                                if (Ext.decode(response.responseText).success == false) {
                                    var er = Ext.decode(response.responseText).error;
                                    alert(er);

                                } else {
                                     var r = Ext.decode(response.responseText);
                                     var html = Ihc.ipx.ClientTPL.applyTemplate(r.client);
                                    Ihc.ipx.ClientCard.update(html);
                                    Ihc.ipx.SelectedClientID = r.client.clientID;
                                    Ext.get('schedLink').on('click',function(){
                                        Ihc.ipx.PrintSched();
                                    })
                                }

                            }
                        }); 

                    }
                }
            ]
        }]  

})

If I comment out the docekdItems everything works as it should

[TopKatz]

I tried a couple things and I'm still seeing the same thing.

I removed my css, and commented out my child panel. Not sure what is causing the issue.

Katz

[davidkaneda]

Katz — Is there any chance you could throw up the page behind a password so I can check it out? Thanks-

[TopKatz]

I upgrad3ed to .81, and the problem persists.

I PM'ed you with a link and login info. Let me know if you need anything else.

Katz