ユーザ用ツール

サイト用ツール


プログラミング:python:webアプリケーションフレームワーク:dash:基本構造

差分

この文書の現在のバージョンと選択したバージョンの差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
プログラミング: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 |}}
  
プログラミング/python/webアプリケーションフレームワーク/dash/基本構造.1563198063.txt.gz · 最終更新: 2019/07/15 13:41 by sotoyama