1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    4
    Vote Rating
    0
    balanagaraju is on a distinguished road

      0  

    Default Unanswered: HIDING BUTTONS EXCEPTED CLICKED ONE.

    Unanswered: HIDING BUTTONS EXCEPTED CLICKED ONE.


    Friends/Sir ! I will send that file, can you please edit changes and send me ,please sir.I am FRESHER to this Technology.

    MyOrders.js
    -------------------
    Ext
    .define(
    'SelfServ.view.MyOrders',
    {
    extend : 'Ext.TitleBar',
    extend : 'Ext.Panel',
    xtype : 'MyOrders-item',
    layout: 'fit',
    fullscreen : false,
    top: "100px",
    // hideOnMaskTap : true,
    config : {
    layout : 'vbox',
    height : 200,
    width : 300,
    store : 'MyOrder',
    modal : false, // 'MyOrders-item'
    // hidden: true,
    hideOnMaskTap : true,

    items : [

    {
    align: 'center',
    style : 'background-color:#696969',
    xtype : 'title',
    width: '100%',
    title : 'My Orders',
    },

    {

    html : "<div>&nbsp; <b> Mc Donald's</b></div>",
    style : 'background-color:#B0E0E6',
    },

    {

    html : '<div>Big N Tasty</div><div> Big Mac</div>',

    },

    {

    html : "<div>&nbsp; <b> Mc Donald's</b></div>",
    style : 'background-color:#B0E0E6',
    },

    ],

    }

    });


    NOTE: My Requirement is ,let us suppose assume there is a Headerpanel with two buttons called with "MyOrders" and "MyAccout".If we are going to click on "MyOrders" button ,then automatically "MyAccount" button should be vanish/disappear, only the contents/items of "MyOrders" button should display on the console of that page only, in a the seperate panel .

    PLEASE FRIEND/SIR PLEASE ADD THE CODE TO THE ABOVE METIONED ONE AND SEND IT TO ME.
    MY EMAIL : BALANAGARAJU36@GAMIL.COM
    Last edited by balanagaraju; 1 Nov 2012 at 12:09 AM. Reason: Require more functionality

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,620
    Answers
    3452
    Vote Rating
    817
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    All you have to do is resolve the other buttons using ComponentQuery and hide each of them.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Oct 2012
    Posts
    4
    Vote Rating
    0
    balanagaraju is on a distinguished road

      0  

    Default


    Friend/Sir ! I will send that file, can you please edit changes and send me ,please sir.I am FRESHER to this Technology.

    MyOrders.js
    -------------------
    Ext
    .define(
    'SelfServ.view.MyOrders',
    {
    extend : 'Ext.TitleBar',
    extend : 'Ext.Panel',
    xtype : 'MyOrders-item',
    layout: 'fit',
    fullscreen : false,
    top: "100px",
    // hideOnMaskTap : true,
    config : {
    layout : 'vbox',
    height : 200,
    width : 300,
    store : 'MyOrder',
    modal : false, // 'MyOrders-item'
    // hidden: true,
    hideOnMaskTap : true,

    items : [

    {
    align: 'center',
    style : 'background-color:#696969',
    xtype : 'title',
    width: '100%',
    title : 'My Orders',
    },

    {

    html : "<div>&nbsp; <b> Mc Donald's</b></div>",
    style : 'background-color:#B0E0E6',
    },

    {

    html : '<div>Big N Tasty</div><div> Big Mac</div>',

    },

    {

    html : "<div>&nbsp; <b> Mc Donald's</b></div>",
    style : 'background-color:#B0E0E6',
    },

    ],

    }

    });


    NOTE: My Requirement is ,let us suppose assume there is a Headerpanel with two buttons called with "MyOrders" and "MyAccout".If we are going to click on "MyOrders" button ,then automatically "MyAccount" button should be vanish/disappear, only the contents/items of "MyOrders" button should display on the console of that page only, in a the seperate panel .

    PLEASE FRIEND/SIR PLEASE ADD THE CODE TO THE ABOVE METIONED ONE AND SEND IT TO ME.
    MY EMAIL : BALANAGARAJU36@GAMIL.COM
    --------

  4. #4
    Sencha User
    Join Date
    Oct 2012
    Posts
    4
    Vote Rating
    0
    balanagaraju is on a distinguished road

      0  

    Default


    Friend/Sir ! I will send that file, can you please edit changes and send me ,please sir.I am FRESHER to this Technology.


    MyOrders.js
    -------------------
    Ext
    .define(
    'SelfServ.view.MyOrders',
    {
    extend : 'Ext.TitleBar',
    extend : 'Ext.Panel',
    xtype : 'MyOrders-item',
    layout: 'fit',
    fullscreen : false,
    top: "100px",
    // hideOnMaskTap : true,
    config : {
    layout : 'vbox',
    height : 200,
    width : 300,
    store : 'MyOrder',
    modal : false, // 'MyOrders-item'
    // hidden: true,
    hideOnMaskTap : true,


    items : [


    {
    align: 'center',
    style : 'background-color:#696969',
    xtype : 'title',
    width: '100%',
    title : 'My Orders',
    },


    {


    html : "<div>&nbsp; <b> Mc Donald's</b></div>",
    style : 'background-color:#B0E0E6',
    },


    {


    html : '<div>Big N Tasty</div><div> Big Mac</div>',

    },


    {


    html : "<div>&nbsp; <b> Mc Donald's</b></div>",
    style : 'background-color:#B0E0E6',
    },


    ],


    }


    });




    NOTE: My Requirement is ,let us suppose assume there is a Headerpanel with two buttons called with "MyOrders" and "MyAccout".If we are going to click on "MyOrders" button ,then automatically "MyAccount" button should be vanish/disappear, only the contents/items of "MyOrders" button should display on the console of that page only, in a the seperate panel .


    PLEASE FRIEND/SIR PLEASE ADD THE CODE TO THE ABOVE METIONED ONE AND SEND IT TO ME.
    MY EMAIL : BALANAGARAJU36@GAMIL.COM
    --------

  5. #5
    Sencha User
    Join Date
    Oct 2012
    Posts
    4
    Vote Rating
    0
    balanagaraju is on a distinguished road

      0  

    Default CODE FOR HIDING MULTIPLE BUTTONS EXCEPT CLICKED ONE AND DISPLAYING CLICKED ONE'S ITEM

    CODE FOR HIDING MULTIPLE BUTTONS EXCEPT CLICKED ONE AND DISPLAYING CLICKED ONE'S ITEM


    Friend/Sir ! I will send that file, can you please edit changes and send me ,please sir.I am FRESHER to this Technology.

    MyOrders.js
    -------------------
    Ext
    .define(
    'SelfServ.view.MyOrders',
    {
    extend : 'Ext.TitleBar',
    extend : 'Ext.Panel',
    xtype : 'MyOrders-item',
    layout: 'fit',
    fullscreen : false,
    top: "100px",
    // hideOnMaskTap : true,
    config : {
    layout : 'vbox',
    height : 200,
    width : 300,
    store : 'MyOrder',
    modal : false, // 'MyOrders-item'
    // hidden: true,
    hideOnMaskTap : true,

    items : [

    {
    align: 'center',
    style : 'background-color:#696969',
    xtype : 'title',
    width: '100%',
    title : 'My Orders',
    },

    {

    html : "<div>&nbsp; <b> Mc Donald's</b></div>",
    style : 'background-color:#B0E0E6',
    },

    {

    html : '<div>Big N Tasty</div><div> Big Mac</div>',

    },

    {

    html : "<div>&nbsp; <b> Mc Donald's</b></div>",
    style : 'background-color:#B0E0E6',
    },

    ],

    }

    });


    NOTE: My Requirement is ,let us suppose assume there is a Headerpanel with two buttons called with "MyOrders" and "MyAccout".If we are going to click on "MyOrders" button ,then automatically "MyAccount" button should be vanish/disappear, only the contents/items of "MyOrders" button should display on the console of that page only, in a the seperate panel .

    PLEASE FRIEND/SIR PLEASE ADD THE CODE TO THE ABOVE METIONED ONE AND SEND IT TO ME.
    MY EMAIL : BALANAGARAJU36@GAMIL.COM
    --------

Thread Participants: 1

Tags for this Thread