この文書の現在のバージョンと選択したバージョンの差分を表示します。
両方とも前のリビジョン 前のリビジョン | |||
プログラミング: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 |}} | ||