Some Problem in Multi-Page Apps. #19

app.layout = html.Div([
    dcc.Location(id='url'),
    html.Div(id='page-content'),
])

index_page = html.Div([
    dcc.Link('a', href='/HLIndex'),
    html.Br(),
    dcc.Link('b', href='/VolFundFace'),
])

@app.callback(Output('page-content', 'children'),
              [Input('url', 'pathname')])
def display_page(pathname):
    print pathname
    if pathname =='/':
        return index_page
    elif pathname == '/VolFundFace':
        return HL_View_VolFundFace.layout_
    elif pathname == '/HLIndex':
        return HL_View_HLIndex.layout
    else:
        return '404'

HL_View_VolFundFace.layout_ = html.Div([
    html.Div([
            html.Div([
                dcc.Dropdown(
                    id='xaxis-column',
                    options=[{'label': i, 'value': i} for i in available_indicators],
                    value=u'资金面'
                ),
            ],
            style={'width': '48%', 'display': 'inline-block'}),
            html.Div([
                dcc.Dropdown(
                    id='yaxis-column',
                    options=[{'label': i, 'value': i} for i in available_indicators],
                    value=u'波动率(20日)'
                ),
            ],style={'width': '48%', 'float': 'right', 'display': 'inline-block'})
        ]),
    dcc.Graph(id='indicator-graphic'),
    dt.DataTable(
        rows=table_data,
        columns=table_columns,
        row_selectable=True,
        filterable=True,
        sortable=True,
        selected_row_indices=[],
        id='datatable-gapminder'
    ),
    html.Div(id='selected-indexes'),
    ], className="container")

elif pathname == '/VolFundFace':
        app.layout = HL_View_VolFundFace.layout_