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
    Aug 2011
    Location
    Plymouth, UK
    Posts
    137
    Vote Rating
    -2
    simondavies has a little shameless behaviour in the past

      0  

    Question NestedList Back button

    NestedList Back button


    Rather than text etc I woudl like to use a left arrow image btu I am having issues doing this, is there a way i Can do this.

    I can add the image dirrectly into the 'backText' setting as backText: '<img src="" />', ect but the image goes to s set size whether the image is small or large and looks odd in the button

    Ideally i woudl like to ue the following image, that i am using on other panels ect
    {iconCls: 'arrow_left', iconMask: true, id: 'backBtn'.....

    Thanks

  2. #2
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,394
    Vote Rating
    22
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    Hi simondavies,
    take a look at this thread.

    http://www.sencha.com/forum/showthre...dList&p=659690

    Hope this helps.
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    CEO at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    http://www.tux-components.com/


  3. #3
    Sencha User
    Join Date
    Aug 2011
    Location
    Plymouth, UK
    Posts
    137
    Vote Rating
    -2
    simondavies has a little shameless behaviour in the past

      0  

    Question


    Thanks for this, I have added the little bit of listener code, but I do not see the backbutton, its as if its remvoed it but will not re-add it.

    My code is below:

    Code:
    App.views.listFourPage = Ext.extend(Ext.NestedList, {
        id:'listFourPage',
        scroll: 'vertical',
            fullscreen: true,
        layout: 'card',
            cardSwitchAnimation: 'slide',
        displayField: 'page',
        onItemDisclosure:true,
        componentCls: 'x-toolbar-dark',
        toolbar: {
            componentCls: 'x-toolbar-dark',
                items: [{xtype: 'spacer'},{iconCls: 'home',  iconMask: true, id: 'homeBtn'}]
            },
         backText: '',
         useTitleAsBackText: false,
        listeners: {
                    afterrender: function(){
                        //Remove the default button
                        this.toolbar.remove(this.backButton);
                        //Create the custom button
                       this.backButton = new Ext.Button({
                            //ui: 'plain',
                            iconMask: true,
                            iconCls: 'arrow_left',
                            scope: this,
                            handler: this.onBackTap
                        });
                        //Add the custom button
                       this.toolbar.add(this.backButton);
                    },
                    scope: App.views.listFourPage 
        },
        store: App.views.listFourStore,
        updateTitleText:false,
        getDetailCard: function(item, parent) {
                   var itemData = item.attributes.record.data,
                parentData = parent.attributes.record.data,
            detailCard = new Ext.Panel({
                            id: 'thdetailpanel',
                            scroll: 'vertical',
                            styleHtmlContent: true,
                            tpl: App.views.listFourPageTpl,
                            layout: 'card',
                            style: 'background: #fff',
            });
            detailCard.update(itemData);
            return detailCard;
        },
        getItemTextTpl: function() {
            var tplConstructor = '{title}' +
                    '<div class="list-subtext">' +
                        '{subtext}' +
                    '</div>'
            return tplConstructor;
        }
    });
    
    Ext.reg('listFourPage', App.views.listFourPage);
    Nope this helps

  4. #4
    Sencha User
    Join Date
    Aug 2011
    Location
    Plymouth, UK
    Posts
    137
    Vote Rating
    -2
    simondavies has a little shameless behaviour in the past

      0  

    Post


    As I want this on all my nested lists on this project I opened up the sencha touch js file and placed my backbutton setting within here and it seemed to have worked.

    Thanks

Thread Participants: 1

Tags for this Thread