Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    15
    Vote Rating
    0
    blog is on a distinguished road

      0  

    Default pagingtoolbar

    pagingtoolbar


    how to customize this paging toolbar...
    i wanted to remove refresh button..
    Eagerly waiting reply...
    thank you....


    me.dockedItems = [{
    xtype: 'pagingtoolbar',
    // same store GridPanel is using
    dock: 'bottom',
    width: 400,
    height: 125,
    id: 'pagingbarid',
    displayMsg: 'Displaying topics {0} - {1} of {2}',
    displayInfo: true

    }]

  2. #2
    Sencha User
    Join Date
    Aug 2011
    Posts
    4
    Vote Rating
    0
    samuelsan2 is on a distinguished road

      0  

    Default


    You can do this to hide the refresh button

    Code:
    me.dockedItems = [{
        xtype: 'pagingtoolbar',
        // same store GridPanel is using
        dock: 'bottom',
        width: 400,
        height: 125,
        id: 'pagingbarid',
        displayMsg: 'Displaying topics {0} - {1} of {2}',
        displayInfo: true,
        listeners: {
            'afterrender': function (component)
            {
                component.down('#refresh').hide()
            },single: true
        }
    }]

  3. #3
    Sencha User
    Join Date
    Apr 2012
    Posts
    15
    Vote Rating
    0
    blog is on a distinguished road

      0  

    Default


    here is my full code it showed error... in line 26
    Uncaught SyntaxError: Unexpected identifier
    thanks for your reply...
    i have no idea how to remove the error

    Ext.define('Dashboard.view.campaigns.SequencesByCampaignsView', {
    extend: 'Ext.tree.Panel',
    alias: 'widget.sequencesbycampaignsview',
    store: 'Dashboard.store.SequencesByCampaignsStore',
    requires : [
    'Ext.grid.*'
    ],
    rootVisible: false,
    defaults: {
    xtype: 'treecolumn'
    },
    selModel: Ext.create('Ext.selection.Model', { listeners: {} }),
    initComponent: function() {
    var me = this;


    me.dockedItems = [{
    xtype: 'pagingtoolbar',
    // same store GridPanel is using
    dock: 'bottom',
    width: 400,
    height: 125,
    id: 'pagingbarid',
    displayMsg: 'Displaying topics {0} - {1} of {2}',
    displayInfo: true
    listeners: {
    'afterrender': function (component)
    {
    component.down('#refresh').hide()
    },single: true
    }

    }];
    //me.refresh = true;
    //me.refresh.hide();


    me.listeners = {
    itemclick:me.treeGridItemClick
    };

    this.callParent();
    },
    treeGridItemClick: function(t, record){
    var selectedRecord = record;


    if(record.get('leaf')){
    record = record.parentNode;
    }


    this.fireEvent('showSequenceEditor',
    record.getId(),
    record,
    selectedRecord
    );
    }
    });

  4. #4
    Sencha User
    Join Date
    Apr 2012
    Posts
    15
    Vote Rating
    0
    blog is on a distinguished road

      0  

    Default


    '#refresh'i have another doubt i don't see any #refresh in my code...

  5. #5
    Sencha User
    Join Date
    Aug 2011
    Posts
    4
    Vote Rating
    0
    samuelsan2 is on a distinguished road

      0  

    Default


    You forgot a comma after
    Code:
    displayInfo: true
    Must be:
    Code:
    displayInfo: true,
    But if you do
    me.listeners = {
    itemclick:me.treeGridItemClick
    };

    You will overwrite previous listeners, so you must write something like
    Code:
    
    me.listeners = {
    itemclick:me.treeGridItemClick,
    afterrender: function (component){component.down('#refresh').hide()}
    };
    

  6. #6
    Sencha User
    Join Date
    Apr 2012
    Posts
    15
    Vote Rating
    0
    blog is on a distinguished road

      0  

    Default


    hi samuelsan2,

    thanks for your reply...
    i wanted to hide the left arrow and right arrow too...
    i am new to ext js so finding it difficult........
    ur refresh button code is working pewrfectly....

  7. #7
    Sencha User
    Join Date
    Apr 2012
    Posts
    15
    Vote Rating
    0
    blog is on a distinguished road

      0  

    Default


    can some one help me with this

  8. #8
    Sencha User
    Join Date
    Aug 2011
    Posts
    4
    Vote Rating
    0
    samuelsan2 is on a distinguished road

      0  

    Default


    Code:
    component.down('#refresh')
    This line of code means, give me the first children with itemId #refresh.
    itemId is a property to reference a component.

    If you see the docs http://docs.sencha.com/ext-js/4-1/#!...ComponentQuery Ext give you the tools to find components.
    For example if you check the Ext.toolbar.Paging source code:
    http://docs.sencha.com/ext-js/4-1/source/Paging.html#Ext-toolbar-Paging-cfg-afterPageText

    You will see that paging toolbar buttons itemId's are 'refresh', 'next' and 'last'
    So if I do something like:
    Code:
    afterrender: function (component){
    component.down('#refresh').hide();
    component.down('#next').hide();
    component.down('#last').hide();
    }
    I'm telling Ext to find the buttons with that itemId's and hide them after the toolbar is rendered.

    You must start digging into Ext Examples http://docs.sencha.com/ext-js/4-1/#!/example and you can visit websites like http://ext4all.com/. They'll help you to understand the basics.

  9. #9
    Sencha User
    Join Date
    Apr 2012
    Posts
    15
    Vote Rating
    0
    blog is on a distinguished road

      0  

    Default


    hi samuels,

    i was able to hide all the paging toolbar buttons...
    how to hide the tbtext and tbseperator...
    i am also doing research on it...
    thanks for your help

  10. #10
    Sencha User
    Join Date
    Sep 2010
    Posts
    19
    Vote Rating
    2
    gr0uch0 is on a distinguished road

      0  

    Default


    Which tbtext do you mean? Is it the afterPageText (the bit that says 'of {0}') - if so the ref is '#afterTextItem'

    To change the tbseparator I think you'll need to override the paging toolbar - look at the getPagingItems in Paging.js ( http://docs.sencha.com/ext-js/4-1/so...toolbar-Paging ) That's where the items and separators are defined, and I'd think that's what you'd need to override.

    If you're turning all these things off, would it not be easier to create your own fbar with what you actually need?

    BTW the CSS references that you can hide/show etc are:

    '#afterTextItem' '#inputItem' '#first' = << '#prev' = < '#next' = > '#last' = >> '#refresh'

Thread Participants: 2