この文書の現在のバージョンと選択したバージョンの差分を表示します。
| 両方とも前のリビジョン 前のリビジョン | |||
|
プログラミング:python:webアプリケーションフレームワーク:dash:基本構造 [2019/07/15 13:41] sotoyama |
プログラミング:python:webアプリケーションフレームワーク:dash:基本構造 [2019/07/15 13:48] (現在) sotoyama |
||
|---|---|---|---|
| ライン 270: | ライン 270: | ||
| </code> | </code> | ||
| {{ :プログラミング:python:webアプリケーションフレームワーク:dash:dash_markdown.jpg?direct&600 |}} | {{ :プログラミング:python:webアプリケーションフレームワーク:dash:dash_markdown.jpg?direct&600 |}} | ||
| + | |||
| + | |||
| + | ==== Callback関数 ==== | ||
| + | <code python> | ||
| + | import dash | ||
| + | import dash_core_components as dcc | ||
| + | import dash_html_components as html | ||
| + | from dash.dependencies import Input, Output | ||
| + | |||
| + | # ~~~ 省略 ~~~ | ||
| + | |||
| + | app.layout = html.Div([ | ||
| + | dcc.Input(id='input-div', value='initial value', type='text'), | ||
| + | html.Div(id='output-div') | ||
| + | |||
| + | ]) | ||
| + | |||
| + | @app.callback( | ||
| + | Output(component_id='output-div', component_property='children'), | ||
| + | [Input(component_id='input-div', component_property='value')] | ||
| + | ) | ||
| + | |||
| + | def update(input_value): | ||
| + | return 'You entered {}'.format(input_value) | ||
| + | </code> | ||
| + | {{ :プログラミング:python:webアプリケーションフレームワーク:dash:dash_callback.jpg?direct&600 |}} | ||