1. #1
    Sencha User
    Join Date
    Sep 2012
    Posts
    104
    Vote Rating
    0
    rbahumi is on a distinguished road

      0  

    Default Answered: Can't create a segmentedbutton

    Answered: Can't create a segmentedbutton


    Hi,

    I am trying to create an 'Ext.SegmentedButton' and cannot manage to do so.
    It feels like the class is not recognized by the Framework.

    1. Trying to instantiate using 'xtype', I am getting this error: 'Uncaught ReferenceError: segmentedbutton is not defined'
    2. Trying to instantiate with 'new Ext.SegmentedButton' from the example from the Sencha Touch documentation, I am getting this error: 'Uncaught TypeError: undefined is not a function'.

    Please advice

  2. Code:
    //new Ext.SegmentedButton({})
    Ext.create('Ext.SegmentedButton',{})

  3. #2
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,132
    Answers
    128
    Vote Rating
    97
    jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice

      0  

    Default


    Can you show more of your code please? It is hard to help when there is very little to work with.

  4. #3
    Sencha User
    Join Date
    Sep 2012
    Posts
    104
    Vote Rating
    0
    rbahumi is on a distinguished road

      0  

    Default


    You are right, I did not supply enough details... Sorry for that.
    I receive this error on Google Chrome, with sencha-touch-2.0.1.1

    Here is the code for the view ReportPost.js :
    Code:
    Ext.define('Surfspace.view.ReportPost', {    extend: 'Ext.form.Panel',
    	requires: ['Ext.SegmentedButton'],
    	
    	segmentedButton: new Ext.SegmentedButton({
    		allowMultiple: true,
    		items: [
    			{
    				text: 'Option 1'
    			},
    			{
    				text: 'Option 2',
    				pressed: true
    			},
    			{
    				text: 'Option 3'
    			}
    		],
    		listeners: {
    			toggle: function(container, button, pressed){
    				console.log("User toggled the '" + button.text + "' button: " + (pressed ? 'on' : 'off'));
    			}
    		}
    	}),
    	
    	config: {
    		items: [{
    			xtype: 'button',
    			itemId: 'mapButton',
    			ui: 'round',
    			text: 'Choose spot',						
    		}],
    	}
    });
    And the app.js code:
    Code:
    Ext.application({    name: 'Surfspace',
    	requires: ['Ext.Button'],
    	views: ['ReportPost'],
    	
        launch: function() {
            Ext.fly('appLoadingIndicator').destroy();
            Ext.Viewport.add(Ext.create('Surfspace.view.ReportPost'));
        }
    });
    Please advice.

  5. #4
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,132
    Answers
    128
    Vote Rating
    97
    jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice

      0  

    Default


    I don't see anything syntactically wrong with your code. I even made a little demo of it and nothing came up.

  6. #5
    Sencha User
    Join Date
    Sep 2012
    Posts
    104
    Vote Rating
    0
    rbahumi is on a distinguished road

      0  

    Default


    Well, this is weird. I see this error on both Chrome and Safari.
    Here is a link to the website, you can see it yourself:
    https://surf-space.com/tests/segmentedbutton/

    On Chrome I get:
    Uncaught TypeError: undefined is not a function

    And on Safari I get:
    TypeError: 'undefined' is not a constructor (evaluating 'new Ext.SegmentedButton')

    Any idea what may cause this?

  7. #6
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,132
    Answers
    128
    Vote Rating
    97
    jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice

      0  

    Default


    Make sure it is actually including the source for Ext.SegmentedButton. I looked at all the JS files being called and I don't see it being loaded.

  8. #7
    Sencha User
    Join Date
    Apr 2010
    Location
    China
    Posts
    227
    Answers
    64
    Vote Rating
    20
    haduki will become famous soon enough haduki will become famous soon enough

      0  

    Default


    Code:
    //new Ext.SegmentedButton({})
    Ext.create('Ext.SegmentedButton',{})
    I write English by translator.

  9. #8
    Sencha User
    Join Date
    Sep 2012
    Posts
    104
    Vote Rating
    0
    rbahumi is on a distinguished road

      0  

    Default


    @haduki , your suggested change to
    Code:
    Ext.create('Ext.SegmentedButton',{})
    was successful.

    The code I originally used was copy-pasted from the Sencha Touch 2 documentation. I have added a comment about that, and hopefully they will change it.

    Thank you.

  10. #9
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,132
    Answers
    128
    Vote Rating
    97
    jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice

      0  

    Default


    Quote Originally Posted by rbahumi View Post
    @haduki , your suggested change to
    Code:
    Ext.create('Ext.SegmentedButton',{})
    was successful.

    The code I originally used was copy-pasted from the Sencha Touch 2 documentation. I have added a comment about that, and hopefully they will change it.

    Thank you.
    Using the 'new Ext....' is not wrong in this context. But the orthodox way would be to use Ext.create(...)

Thread Participants: 2

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar