ExtJS 3.2 Can only add a panel once, Client Side

Language: Layout:

<!DOCTYPE html>
<html>

<head>
    <title>ExtJS 3.2 Can only add a panel once</title>
    <meta charset="utf-8" />
    <link href="//svn.geoext.org/ext/3.2.0/resources/css/ext-all.css" rel="stylesheet" type="text/css">
    <script src="//svn.geoext.org/ext/3.2.0/adapter/ext/ext-base.js"></script>
    <script src="//svn.geoext.org/ext/3.2.0/ext-all.js"></script>
    <script type="text/javascript">
        Ext.onReady(function() {
            //ReSet  view set optionPanel
            function restart() {
                container.remove(Ext.getCmp('workPanel'));
                container.add(optionPanel());
                doLayout();
            }
            //Remove optionPanel and add workPanel in container
            function getMemberData() {
                container.remove(Ext.getCmp('optionPanel'));
                container.add(workPanel());
                doLayout();
            }
            //update layout of view
            function doLayout() {
                container.doLayout();
            }
            //create and return work flow panel
            var workPanel = function() {
                return new Ext.FormPanel({
                    title: 'Bad Address Workflow',
                    id: 'workPanel',
                    region: 'center',
                    frame: true,
                    labelWidth: 300,
                    autoScroll: true,
                    bodyStyle: {
                        padding: '5px',
                        font: '12px arial,tahoma,helvetica,sans-serif'
                    },
                    buttons: [{
                        text: 'Post'
                    }, {
                        text: 'Cancel',
                        listeners: {
                            click: restart
                        }
                    }],
                    buttonAlign: 'left'
                });
            }
            //create and return option panel

var optionPanel = function() {
                return new Ext.FormPanel({
                    id: 'optionPanel',
                    title: 'Bad Address Workflow',
                    region: 'center',
                    frame: true,
                    labelWidth: 175,
                    bodyStyle: 'padding:5px 5px 0',
                    defaults: {
                        width: 230
                    },
                    items: [
                        // create the combo instance
                        new Ext.form.ComboBox({
                            typeAhead: true,
                            triggerAction: 'all',
                            lazyRender: true,
                            mode: 'local',
                            name: 'workflowOptions',
                            itemId: 'workflowOptions',
                            store: new Ext.data.ArrayStore({
                                fields: [
                                    'myId',
                                    'displayText'
                                ],
                                data: [
                                    ["", ""],
                                    ["0", "Set Bad Address"],
                                    ["1", "Remove Bad Address"]
                                ]
                            }),
                            valueField: 'myId',
                            displayField: 'displayText'
                        })
                    ],
                    buttons: [{
                        text: 'Continue',
                        listeners: {
                            click: function(button, event) {
                                //Get value of seleted value in combotbox 
                                //using get component method
                                var value = Ext.getCmp('optionPanel').getComponent('workflowOptions').getValue();

if (value === "0") {
                                    workflow = 0;
                                    getMemberData();
                                } else if (value === "1") {
                                    workflow = 1;
                                    getMemberData();
                                } else {
                                    Ext.Msg.alert('Info', 'You have not selected an option.')
                                }
                            }
                        }
                    }],
                    buttonAlign: 'left'
                })
            };
            //Main container that contains option and workflow panel.
            var container = new Ext.Container({
                renderTo: Ext.getBody(),
                frame: true,
                region: 'center',
                bodyStyle: 'padding:5px 5px 0',
                defaults: {
                    xtype: 'container'
                },
                items: [optionPanel()]
            });
        });
    </script>
</head>

</html>