1. #1
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,800
    Vote Rating
    167
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default [4.1 B1] Ext.util.CSS.getRule("." + Ext.baseCSSPrefix + "form-trigger") is undefined

    [4.1 B1] Ext.util.CSS.getRule("." + Ext.baseCSSPrefix + "form-trigger") is undefined


    Did anyone find a workaround for the error:
    Ext.util.CSS.getRule("." + Ext.baseCSSPrefix + "form-trigger") is undefined

    in B1 or is this a good instance to hold tight for B2 and see what happens?

    Code:
    Ext.widget('window', {
            title: 'My Window'
            , height: 300
            , width: 530
            , autoShow: true
            , layout: 'fit'
            , items: [{
                xtype: 'tabpanel'
                , items: [{
                    xtype: 'panel'
                    , title: 'Tab'
                    , bodyCls: 'stripey-bg'
                    , layout: 'hbox'
                    , bodyPadding: 10
                    , autoScroll: true
                    , dockedItems: [{
                        xtype: 'toolbar'
                        , dock: 'right'
                        , cls: 'light-toolbar light-toolbar-right light-toolbar-left'
                        , items: [{
                            text: 'Add'
                            , handler: function (btn) {
                                var store= btn.up('panel').down('grid').getStore();
                                store.add({foo: 'bar2'})
                            }
                        }, {
                            text: 'Del'
                        }]
                    }]
                    , items: [{
                        xtype: 'form'
                        , border: false
                        , flex: 2
                        , defaultType: 'fieldcontainer'
                        , layout: 'anchor'
                        , anchor: '100%'
                        , defaults: {
                            layout: 'hbox'
                            , defaultType: 'radiofield'
                            , labelWidth: 140
                            , defaults: { flex: 1 }
                        }
                        , items: [{
                            xtype: 'textfield'
                            , fieldLabel: 'App Name'
                            , name: 'APP_NM_TXT'
                            , hidden: true
                            , validator: function (val) {
                                if (this.isHidden()) {
                                    return true;
                                } else {
                                    if (val.length > 0) {
                                        return true;
                                    } else {
                                        return 'The app name field is required.';
                                    }
                                }
                            }
                        }, {
                            xtype: 'numberfield'
                            , fieldLabel: 'Max Session Min.'
                            , name: 'MAX_SESSION_MIN_NO'
                            , value: 480
                            , minValue: 0
                            , allowBlank: false
                        }, {
                            xtype: 'numberfield'
                            , fieldLabel: 'Total Attempts'
                            , name: 'TTL_ATTEMPTS_NO'
                            , value: 3
                            , minValue: 0
                            , allowBlank: false
                        }, {
                            fieldLabel: 'Multi Logon'
                            , items: [{
                                boxLabel: 'T'
                                , name: 'MULTI_LOGON_IND'
                                , inputValue: 'T'
                            }, {
                                boxLabel: 'F'
                                , name: 'MULTI_LOGON_IND'
                                , inputValue: 'F'
                                , checked: true
                            }]
                        }, {
                            fieldLabel: 'Persist Session'
                            , items: [{
                                boxLabel: 'T'
                                , name: 'PERSIST_SESSION_IND'
                                , inputValue: 'T'
                                , checked: true
                            }, {
                                boxLabel: 'F'
                                , name: 'PERSIST_SESSION_IND'
                                , inputValue: 'F'
                            }]
                        }, {
                            fieldLabel: 'Null Token'
                            , items: [{
                                boxLabel: 'T'
                                , name: 'NULL_TOKEN_IND'
                                , inputValue: 'T'
                            }, {
                                boxLabel: 'F'
                                , name: 'NULL_TOKEN_IND'
                                , inputValue: 'F'
                                , checked: true
                            }]
                        }, {
                            fieldLabel: 'Use Last Session'
                            , items: [{
                                boxLabel: 'T'
                                , name: 'USE_LST_SESSION_IND'
                                , inputValue: 'T'
                                , checked: true
                            }, {
                                boxLabel: 'F'
                                , name: 'USE_LST_SESSION_IND'
                                , inputValue: 'F'
                            }]
                        }, {
                            xtype: 'textfield'
                            , fieldLabel: 'Key Text'
                            , name: 'KEY_TXT'
                        }]
                    }, {
                        xtype: 'grid'
                        , flex: 1
                        , columns: [{text: 'Header', dataIndex: 'foo'}]
                        , store: {
                            fields: ['foo']
                            , data: [{
                                foo: 'bar'
                            }]
                        }
                    }]
                }]
            }]
        })

  2. #2
    Ext JS Premium Member
    Join Date
    Feb 2011
    Posts
    28
    Vote Rating
    2
    shmeltex is on a distinguished road

      0  

    Default


    Make sure you are using ext-all.css from 4.1b1, and not from previous version.

  3. #3
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,800
    Vote Rating
    167
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    The error I'm getting before was when I dropped that code that works in 4.0.7 into the examples widget in the 4.1 B2 download's docs.

    I just tested the following directly in a separate file on Chrome and got:
    Uncaught TypeError: Cannot read property 'style' of undefined

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Placeholder</title>
        <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
    
    
        <!-- GC -->
    
    
        <script type="text/javascript" src="../../ext-all-debug-w-comments.js"></script>
    <script>
    	Ext.onReady(function () {
    		Ext.widget('window', {
    			title: 'My Window'
    			, height: 300
    			, width: 530
    			, autoShow: true
    			, layout: 'fit'
    			, items: [{
    				xtype: 'tabpanel'
    				, items: [{
    					xtype: 'panel'
    					, title: 'Tab'
    					, bodyCls: 'stripey-bg'
    					, layout: 'hbox'
    					, bodyPadding: 10
    					, autoScroll: true
    					, dockedItems: [{
    						xtype: 'toolbar'
    						, dock: 'right'
    						, cls: 'light-toolbar light-toolbar-right light-toolbar-left'
    						, items: [{
    							text: 'Add'
    							, handler: function (btn) {
    								var store= btn.up('panel').down('grid').getStore();
    								store.add({foo: 'bar2'})
    							}
    						}, {
    							text: 'Del'
    						}]
    					}]
    					, items: [{
    						xtype: 'form'
    						, border: false
    						, flex: 2
    						, defaultType: 'fieldcontainer'
    						, layout: 'anchor'
    						, anchor: '100%'
    						, defaults: {
    							layout: 'hbox'
    							, defaultType: 'radiofield'
    							, labelWidth: 140
    							, defaults: { flex: 1 }
    						}
    						, items: [{
    							xtype: 'textfield'
    							, fieldLabel: 'App Name'
    							, name: 'APP_NM_TXT'
    							, hidden: true
    							, validator: function (val) {
    								if (this.isHidden()) {
    									return true;
    								} else {
    									if (val.length > 0) {
    										return true;
    									} else {
    										return 'The app name field is required.';
    									}
    								}
    							}
    						}, {
    							xtype: 'numberfield'
    							, fieldLabel: 'Max Session Min.'
    							, name: 'MAX_SESSION_MIN_NO'
    							, value: 480
    							, minValue: 0
    							, allowBlank: false
    						}, {
    							xtype: 'numberfield'
    							, fieldLabel: 'Total Attempts'
    							, name: 'TTL_ATTEMPTS_NO'
    							, value: 3
    							, minValue: 0
    							, allowBlank: false
    						}, {
    							fieldLabel: 'Multi Logon'
    							, items: [{
    								boxLabel: 'T'
    								, name: 'MULTI_LOGON_IND'
    								, inputValue: 'T'
    							}, {
    								boxLabel: 'F'
    								, name: 'MULTI_LOGON_IND'
    								, inputValue: 'F'
    								, checked: true
    							}]
    						}, {
    							fieldLabel: 'Persist Session'
    							, items: [{
    								boxLabel: 'T'
    								, name: 'PERSIST_SESSION_IND'
    								, inputValue: 'T'
    								, checked: true
    							}, {
    								boxLabel: 'F'
    								, name: 'PERSIST_SESSION_IND'
    								, inputValue: 'F'
    							}]
    						}, {
    							fieldLabel: 'Null Token'
    							, items: [{
    								boxLabel: 'T'
    								, name: 'NULL_TOKEN_IND'
    								, inputValue: 'T'
    							}, {
    								boxLabel: 'F'
    								, name: 'NULL_TOKEN_IND'
    								, inputValue: 'F'
    								, checked: true
    							}]
    						}, {
    							fieldLabel: 'Use Last Session'
    							, items: [{
    								boxLabel: 'T'
    								, name: 'USE_LST_SESSION_IND'
    								, inputValue: 'T'
    								, checked: true
    							}, {
    								boxLabel: 'F'
    								, name: 'USE_LST_SESSION_IND'
    								, inputValue: 'F'
    							}]
    						}, {
    							xtype: 'textfield'
    							, fieldLabel: 'Key Text'
    							, name: 'KEY_TXT'
    						}]
    					}, {
    						xtype: 'grid'
    						, flex: 1
    						, columns: [{text: 'Header', dataIndex: 'foo'}]
    						, store: {
    							fields: ['foo']
    							, data: [{
    								foo: 'bar'
    							}]
    						}
    					}]
    				}]
    			}]
    		})
    	});
    </script>
    
    
    </head>
        <body id="docbody">
    
    
        </body>
    </html>

  4. #4
    Sencha User
    Join Date
    Oct 2008
    Posts
    56
    Vote Rating
    0
    brentdooley999 is on a distinguished road

      0  

    Default


    Take a look at this thread.

    http://www.sencha.com/forum/showthre...-form-examples

    I get this problem when my code is on a different domain/sub domain as my application.

    I'm not sure of Sencha's stance on this bug at the moment. It doesn't look like they've re-opened the bug.

    Hope this helps.

  5. #5
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,800
    Vote Rating
    167
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    Oh, that's right... I remember seeing that now. I was debugging on my computer earlier without an Internet connection so would have had to wait until I was able to sync back up with a web server.

    Thx.

Thread Participants: 2