Page 1 of 2 12 LastLast
Results 1 to 10 of 16

Thread: Ext.grid.EditorGridPanel checkbox editor problem in Chrome 9.0.597.86 beta

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    90

    Default Ext.grid.EditorGridPanel checkbox editor problem in Chrome 9.0.597.86 beta

    Hello Everyone,

    I don't know if anybody has mentioned this yet, but the latest version of the beta Chrome is having a problem with the checkbox as an editor. Every time you try and click the checkbox to check or uncheck, the editor disappears.

    Code:
    editor:new Ext.form.Checkbox({})

  2. #2
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    90

    Default Also

    Also I am using ExtJS 3.0.0

  3. #3
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    90

    Default

    Chrome 9 is now out and no longer beta. I will test to see if this is still occuring with the latest release.

  4. #4
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    90

    Default

    This is a problem with the latest version of chrome (non-beta)

  5. #5
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    90

    Default

    I tried using the Ext.form.Checkbox as an editor with ExtJS 3.3.1, and the problem still exists for the latest version of Chrome (9).

    Here is my test case:

    PHP Code:
    <%@page contentType="text/html;charset=UTF-8" %>
    <
    html><head>
    <
    link rel="stylesheet" type="text/css" href="/SM/clientportal/extjs/resources/css/ext-all.css" />
    <
    script language="javascript" type="text/javascript" src="/SM/clientportal/extjs/adapter/ext/ext-base.js"></script>
    <script language="javascript" type="text/javascript" src="/SM/clientportal/extjs/ext-all-debug.js"></script>
    <script>
    Ext.onReady(function(){
        var grid=new Ext.grid.EditorGridPanel({
            clicksToEdit:1,
                store:new Ext.data.JsonStore({
                url:'servlet.ERServlet',
                storeId:'erData',
                idProperty:'entryRow',
                root:'rows',
                autoLoad:true,
                border:false,
                totalProperty:'results',
                remoteSort:false,
                listeners:{
                    scope:this,
                    'beforeload':function(store){
                        store.baseParams.requestType=20;
                                        store.baseParams.subID=70319;
                                store.baseParams.revType="F";
                            }
                },
                fields:[
                    'class','entryRow',name:'date',type:'date',dateFormat:'m/d/Y'},'timekeeper','billedHours',
                    {name:'billedFees',type:'float'},'entry','firmComment','category','attachmentFlag',{name:'payableCheck',type:'boolean'},'firmAttachList',
                    'clientAttachList','appealedCategoryComment','clientAppealComment','firmAttachIds','clientAttachIds','catId',
                    'projectCycleId','clientAppealCommentId'
                ]
            }),
            colModel: new Ext.grid.ColumnModel({
                columns: [
                    {id: 'payableCheck', header: 'Payable', width: 200, sortable: true, dataIndex: 'payableCheck',
                        editor:new Ext.form.Checkbox({
                            
                        })
                    }
                ],
            }),
            viewConfig: {
                forceFit: true
            },
            sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
            frame: false
        });
        var win=new Ext.Window({
            id:'testwin',
            title:'Grid Test',
            width:400,
            height:400,
            layout:'fit',
            items:[grid]
        }).show();
    });
    </script>
    </head><body></body></html> 

  6. #6
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    90

    Default

    Ext version tested:
    • Ext 3.3 rev 1


    Adapter used:
    • ext


    css used:
    • only default ext-all.css




    Browser versions tested against:
    • Chrome 9


    Operating System:
    • Windows 7 - 64 bit


    Description:
    • The Checkbox Editor no longer works for Chrome 9 in the Ext.Grid.EditorGridPanel


    Test Case:

    Code:
    <%@page contentType="text/html;charset=UTF-8" %>
    <%@page import="getInfo.smmj"%>
    <%@page import="CoreComponents.DataAccess.*"%>
    <html><head>
    <link rel="stylesheet" type="text/css" href="/SM/clientportal/extjs/resources/css/ext-all.css" />
    <script language="javascript" type="text/javascript" src="/SM/clientportal/extjs/adapter/ext/ext-base.js"></script>
    <script language="javascript" type="text/javascript" src="/SM/clientportal/extjs/ext-all-debug.js"></script>
    <script>
    Ext.onReady(function(){
    	var grid=new Ext.grid.EditorGridPanel({
    		clicksToEdit:1,
    	    store:new Ext.data.JsonStore({
    			url:'servlet.ERServlet',
    			storeId:'erData',
    			idProperty:'entryRow',
    			root:'rows',
    			autoLoad:true,
    			border:false,
    			totalProperty:'results',
    			remoteSort:false,
    			listeners:{
    				scope:this,
    				'beforeload':function(store){
    					store.baseParams.requestType=20;
                		store.baseParams.subID=70319;
                		store.baseParams.revType="F";
                	}
    			},
    			fields:[
    				'class','entryRow',{name:'date',type:'date',dateFormat:'m/d/Y'},'timekeeper','billedHours',
    				{name:'billedFees',type:'float'},'entry','firmComment','category','attachmentFlag',{name:'payableCheck',type:'boolean'},'firmAttachList',
    				'clientAttachList','appealedCategoryComment','clientAppealComment','firmAttachIds','clientAttachIds','catId',
    				'projectCycleId','clientAppealCommentId'
    			]
    		}),
    	    colModel: new Ext.grid.ColumnModel({
    	        columns: [
    	            {id: 'payableCheck', header: 'Payable', width: 200, sortable: true, dataIndex: 'payableCheck',
    	            	editor:new Ext.form.Checkbox({
    	            		
    	            	})
    	            }
    	        ],
    	    }),
    	    viewConfig: {
    	        forceFit: true
    	    },
    	    sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
    	    frame: false
    	});
    	var win=new Ext.Window({
    		id:'testwin',
    		title:'Grid Test',
    		width:400,
    		height:400,
    		layout:'fit',
    		items:[grid]
    	}).show();
    });
    </script>
    </head><body></body></html>
    See this URL : http://


    Steps to reproduce the problem:
    • Setup the correct links to the css and js for ExtJS
    • Create the a page for the code above.
    • Open the page in a browser
    • Click to edit the column in the grid
    • Click to click to check/uncheck the checkbox, and the checkbox just disappears.


    The result that was expected:
    • The checkbox should have checked/unchecked


    The result that occurs instead:
    • The checkbox editor disappears and no value is changed.


    Screenshot or Video:
    • attached


    Debugging already done:
    • none


    Possible fix:
    • not provided
    Attached Images Attached Images

  7. #7

    Post

    ... same problem in Chrome 9.0.597.94 beta

  8. #8
    Sencha User
    Join Date
    Apr 2010
    Posts
    1

    Default Same trouble

    Chrome 9.0.597.98

    Playing with css stylies not solved that problem.
    Please fix it

  9. #9
    Sencha User
    Join Date
    Aug 2008
    Posts
    42

    Default Chrome support

    Yes, would be great if Chrome would be supported. Third largest browser and about 10% market share...

  10. #10
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246

    Default

    Using a Checkbox as an editor has never works correctly in any Ext version.

    Not only does it need some css fixes, but it just doesn't work intuitively (you need one click to activate the checkbox and one to toggle it).

    Any reason you're not using Ext.ux.grid.CheckColumn (from ext/examples/ux/CheckColumn.js)?

Page 1 of 2 12 LastLast

Similar Threads

  1. [SOLVED]Problem updating checkbox column in EditorGridPanel
    By mck4design in forum Ext 2.x: Help & Discussion
    Replies: 5
    Last Post: 22 Sep 2010, 12:37 PM
  2. [OPEN-580] Editor Grid cell editting quirks in IE & Chrome
    By mattgoldspink in forum Ext 3.x: Bugs
    Replies: 2
    Last Post: 16 Feb 2010, 7:39 AM
  3. Checkbox in EditorGridPanel tabbing problem
    By scottw in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 29 Jan 2010, 8:27 AM
  4. [OPEN] [FIXED] editor tree grid broken in chrome
    By fother in forum Ext GWT: Bugs (2.x)
    Replies: 1
    Last Post: 10 Jun 2009, 3:19 PM
  5. Grid checkbox problem with Google chrome
    By organic in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 21 Sep 2008, 10:47 PM

Posting Permissions

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