Hybrid View

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

      0  

    Default Panel item hide/show

    Panel item hide/show


    I have a panel with 2 item and I want to hide/show them on the basis of requirement. Below is the code:
    [HTML]
    Ext.define('RA.view.Panel1', {
    extend: 'Ext.Panel',
    xtype: 'panel1',
    requires: [
    'Ext.chart.Panel'
    ],
    config: {
    id: 'Panel1',
    layout: {type: 'vbox', pack: 'center'},
    flex: 1,
    style: "background-color: black; color:white",
    items: [
    {
    xtype: 'chart',
    hidden:true,
    id: 'chart1',
    //html: "<h1 style = 'color: red'>To configure this chart, tap this panel, click Settings to select axes, chart type, granularity, etc., then click Select Dates to select start and end dates.</h1>"
    },

    {
    xtype: 'button',
    html: 'Add chart',
    ui: 'confirm',
    id:'chart1Button',
    style: 'font-size: 14px; margin-left: 560px; margin-right: 560px; margin-top: 5px; margin-bottom: 5px;',
    },
    ]
    }
    });/HTML]

    I tried Ext.getCmp('Panel1') method to get the panel but it is returning null.

    Please let me know how can I hide/show the item of this panel.
    Any kind of help will be amazing.
    Thanks

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,074
    Vote Rating
    854
    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


    Where are you doing the

    Code:
    Ext.getCmp('Panel1')
    If it returns null, an instance hasn't been created yet.
    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.

Thread Participants: 1

Tags for this Thread