Results 1 to 8 of 8

Thread: [FIXED-39][3.0rc2] TwinTriggerField, ComboBox with CycleButton on toolbar

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Ext User
    Join Date
    Apr 2008
    Posts
    3
    Vote Rating
    0
      0  

    Default [FIXED-39][3.0rc2] TwinTriggerField, ComboBox with CycleButton on toolbar

    windows vista, IE8 (quirks and strict)

    code:

    Code:
    Ext.onReady(function(){
        var viewPort = new Ext.Viewport({
            layout: 'border',
            items: [new Ext.grid.GridPanel({
                height: 400,
                region: 'south',
                tbar: new Ext.Toolbar({
                    items: [new Ext.form.TwinTriggerField(), '-', new Ext.form.ComboBox(), new Ext.form.TextField(),
                        new Ext.CycleButton({
                            showText: true,
                            prependText: 'View as ',
                            items: [{
                                text: 'text only',
                                iconCls: 'view-text',
                                checked: true
                                }, {
                                text: 'HTML',
                                iconCls: 'view-html'
                            }],
                            changeHandler: function(btn, item) {
                                Ext.Msg.alert('Change View', item.text);
                            }})
                    ]
                }),
                store: new Ext.data.SimpleStore({
                    fields: ['Name'],
                    data: [['One'], ['Two'], ['Three']]
                }),
                columns: [{
                    header: 'Name',
                    width: 120,
                    dataIndex: 'Name'
                }]
            }),{
                bodyStyle: 'padding:10px;',
                region: 'center',
                xtype: 'form',
                items: [
                    new Ext.form.TwinTriggerField(),
                    new Ext.form.ComboBox()
                ]
            }]
        });
    });
    Attached Images Attached Images

  2. #2
    Sencha Premium User evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    19,215
    Vote Rating
    1008
      0  

    Default

    In the SVN version it looks ok in strict mode, but there are a couple of things out of place in quirks. Thanks for the report.
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.

  3. #3
    Sencha Premium User evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    19,215
    Vote Rating
    1008
      0  

    Default

    Fixed in SVN.
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.

  4. #4
    Ext User
    Join Date
    Apr 2008
    Posts
    3
    Vote Rating
    0
      0  

    Default

    fixed this by extjs 3.0 rc3.

    but, try use only Ext.form.TwinTriggerField, Ext.form.ComboBox on toolbar without menu button like Ext.CycleButton.

  5. #5
    Ext User
    Join Date
    Jul 2007
    Location
    Florida
    Posts
    9,996
    Vote Rating
    8
      0  

    Default

    Could you be very specific please? Post a new screenshot for what you see in RC3. Specify what browser mode and document mode.

    I see a vertical position problem, but only if I use IE8 browser mode with IE7 Standards Mode. I don't know that such a scenario represents a realistic use case.

  6. #6
    Ext User
    Join Date
    Apr 2008
    Posts
    3
    Vote Rating
    0
      0  

    Default

    code:

    Code:
    <html>
    <head>
    <title>Test</title>
    <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
    <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext/ext-all.js"></script>
    <script type="text/javascript">
    Ext.onReady(function() {
    
    var case1 = new Ext.grid.GridPanel({
        title: 'case1',
        tbar: [new Ext.form.TwinTriggerField(), '-', new Ext.form.ComboBox()],
        store: new Ext.data.SimpleStore({
            fields: ['Name'],
            data: [ ['One'], ['Two'], ['Three'] ]
        }),
        columns: [ { header: 'Name', width: 120, dataIndex: 'Name' } ],        
        flex: 1
    });
    
    var case2 = new Ext.grid.GridPanel({
        title: 'case2',
        tbar: [new Ext.form.TwinTriggerField(), '-', new Ext.form.ComboBox(),
            new Ext.CycleButton({
                showText: true,
                prependText: 'CycleButton ',
                items: [{
                    text:'Text1',
                    checked:true
                },{
                    text:'Text2'
                }]
            })    
        ],
        store: new Ext.data.SimpleStore({
            fields: ['Name'],
            data: [ ['One'], ['Two'], ['Three'] ]
        }),
        columns: [ { header: 'Name', width: 120, dataIndex: 'Name' } ],        
        flex: 1
    });
    
    var viewPort = new Ext.Viewport({
        layout: { type:'vbox', align:'stretch' },
        items: [case1, case2]
    })
    viewPort.doLayout();
    });
    </script>
    </head>
    <body>
    </body>
    </html>
    --> not use doctype and not use meta tag
    (ex: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> )

    ie8 developer tool --> browser mode:IE8 , document mode: quirks

    extjs 3.0 rc3

    ie6 fine.
    ie7 fine.
    ie8 case1 ?
    Attached Images Attached Images

  7. #7
    Ext User
    Join Date
    Jul 2007
    Location
    Florida
    Posts
    9,996
    Vote Rating
    8
      0  

    Default

    Confirmed (as of RC3). Changing status of thread to OPEN.

  8. #8
    Sencha User jayrobinson's Avatar
    Join Date
    Jan 2010
    Location
    Palo Alto, California
    Posts
    194
    Vote Rating
    0
      0  

    Default

    Use the following code for test page (using a HTML 4.01 Strict Doctype):

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Test</title>
    <link rel="stylesheet" type="text/css" href="ext-3.1+/resources/css/ext-all.css" />
    <script type="text/javascript" src="ext-3.1+/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext-3.1+/ext-all.js"></script>
    <script type="text/javascript">
    Ext.onReady(function() {
    
    var case1 = new Ext.grid.GridPanel({
        title: 'case1',
        tbar: [new Ext.form.TwinTriggerField(), '-', new Ext.form.ComboBox()],
        store: new Ext.data.SimpleStore({
            fields: ['Name'],
            data: [ ['One'], ['Two'], ['Three'] ]
        }),
        columns: [ { header: 'Name', width: 120, dataIndex: 'Name' } ],        
        flex: 1
    });
    
    var case2 = new Ext.grid.GridPanel({
        title: 'case2',
        tbar: [new Ext.form.TwinTriggerField(), '-', new Ext.form.ComboBox(),
            new Ext.CycleButton({
                showText: true,
                prependText: 'CycleButton ',
                items: [{
                    text:'Text1',
                    checked:true
                },{
                    text:'Text2'
                }]
            })    
        ],
        store: new Ext.data.SimpleStore({
            fields: ['Name'],
            data: [ ['One'], ['Two'], ['Three'] ]
        }),
        columns: [ { header: 'Name', width: 120, dataIndex: 'Name' } ],        
        flex: 1
    });
    
    var viewPort = new Ext.Viewport({
        layout: { type:'vbox', align:'stretch' },
        items: [case1, case2]
    })
    viewPort.doLayout();
    });
    </script>
    </head>
    <body>
    </body>
    </html>
    Added the declaration "right:0" for the x-form-trigger for IE8 in Strict mode. Other than that, I did not see issues with IE6, IE7 and IE8 (Strict). Screenshots below.

    Committed to 3.1.x and 3.2.x.
    Attached Images Attached Images

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •