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

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..." hd porno faketaxi