Threaded View

  1. #1
    Ext JS Premium Member
    Join Date
    Sep 2008
    Vote Rating
    Kevin Krouse is on a distinguished road


    Default Unanswered: Ext.grid.Panel column menu rendering out of place

    Unanswered: Ext.grid.Panel column menu rendering out of place


    I've been working on Ext 4 integration for our platform and did one of our latest grid view's using an Ext.grid.Panel from Ext 4.

    My question is related to the drop-down from a column header that allows for choosing sort and available columns. It is rendering properly in the X direction, however, it seems to always be set with an initial value of top: 0; thus causing it to render at the top of the page. See attached screen cap.

    I've been looking for a while and I can't quite figure out how this property is getting set by the layout. Any ideas on how I can figure out where the calculation is going awry?

        function init() {
            Ext.define('employee', {
                extend : '',
                fields : [
                    {name: 'eid',       type: 'string'},
                    {name: 'firstName', type: 'string'},
                    {name: 'lastName',  type: 'string'},
                    {name: 'age',       type: 'int'},
                    {name: 'eyeColor',  type: 'string'}
            var data = {
                employees : [
                        eid       : '1238-2318-1238-1777',
                        firstName : 'Nick',
                        lastName  : 'Arnold',
                        age       : 25,
                        eyeColor  : 'Green'
                        eid       : '2382-2390-2312-7866',
                        firstName : 'Steve',
                        lastName  : 'Buscemi',
                        age       : 53,
                        eyeColor  : 'Brown'
            var store = Ext.create('', {
                storeId : 'employeeStore',
                model   : 'employee',
                autoLoad: true,
                data    : data,
                proxy   : {
                    type: 'memory',
                    reader : {
                        type : 'json',
                        root : 'employees'
            Ext.create('Ext.grid.Panel', {
                title   : 'Ext 4 Grid',
                store   : store, //'employeeStore'),
                columns : [
                        header    : 'Name',
                        dataIndex : 'firstName'
                        header    : 'Eyes',
                        dataIndex : 'eyeColor'
                        header    : 'Age',
                        dataIndex : 'age'
                height  : 200,
                width   : 400,
                viewConfig : {
                    stripRows : true
                renderTo: 'grid-ext4-test-div'
    I'm seeing this in all browsers.

    Attached Images

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."