断网情况下put_datatable无法正常加载

[qqckly]

使用谷歌浏览器put_datatable的内容会一直卡住无法正常加载出来，但是使用EDGE浏览器正常，没有排查出什么原因导致的这个问题。。。

[wang0618]

put_datatable需要联网加载需要的js，正常情况下在断网情况下是无法加载的。EDGE浏览器应该是之前的缓存。

[wang0618]

如果要离线部署使用了put_datatable的pywebio应用，可以通过在start_server中传入 static_dir 参数来指定一个本地文件夹存放ag-grid (pyt_datatable使用的js库)的js文件，然后通过run_js重新设置ag-grid的js引用路径

pywebio.session.run_js("""
    require.config({
        paths: {
            "ag-grid": "/static/ag-grid-community.min",  // no .js suffix in here, but keep .js in filename
            "ag-grid-enterprise": "/static/ag-grid-enterprise.min",   // no .js suffix in here, but keep .js in filename
        },
    });
""")

[wang0618]

作为对比，pywebio默认的ag-grid加载配置为

    "ag-grid": "https://unpkg.com/ag-grid-community@28.2.0/dist/ag-grid-community.min",
    "ag-grid-enterprise": "https://unpkg.com/ag-grid-enterprise@28.2.0/dist/ag-grid-enterprise.min",

可以通过这个链接下载相应的ag-grid 的js文件 (下载链接需要加上 .js 文件名)

[chinazhj316]

https://unpkg.com/ag-grid-community@28.2.0/dist/ag-grid-community.min.js，https://unpkg.com/ag-grid-enterprise@28.2.0/dist/ag-grid-enterprise.min.js下载不了啊？请问还有什么地方可以下载啊?

[qqckly]

好的，解决了，感谢！！！

[soulyiran]

@wang0618 您好，我在离线使用 plotly 进行绘图时，按照您的说法设置了static_dir 为程序根目录，并在 run_js 中添加了本地的 plotly 的 JS 文件，但是图像依旧没有办法正确加载。请问是我哪里理解错了嘛？
附上我的测试代码

if __name__ == '__main__':
    start_server(plotly_plot, port=1234, host='0.0.0.0', cdn=False, static_dir="./")
    pywebio.session.run_js("""
        require.config({
            paths: {
                "plotly": "/static/plotly-2.10.1.min",
            },
        });
    """)

[wang0618]

"plotly": "/static/plotly-2.10.1.min", 不应该要换成 "plotly": "/static/plotly-latest.min", 么

[soulyiran]

不好意思，因为怀疑是Js文件问题，所以后面重新下载了Js文件，实际代码里确实是这么写得🤣，但是依旧没有办法在网页里输出图像…

[soulyiran]

找到问题所在了，应当在启动服务器后，绘图前调用pywebio.session.run_js()函数来定义本地Js文件路径，而不是在绘图后调用😂

import pywebio
from pywebio import start_server
from pywebio.output import put_html
import plotly.express as px

def plotly_plot():
    pywebio.session.run_js("""
        require.config({
            paths: {
                "plotly": "/static/plotly-latest.min",
            },
        });
    """)
    df = px.data.gapminder().query("country=='Canada'")
    fig = px.line(df, x="year", y="lifeExp", title='Life expectancy in Canada')
    html = fig.to_html(include_plotlyjs="require", full_html=False)
    put_html(html)


if __name__ == '__main__':
    start_server(plotly_plot, port=1234, host='0.0.0.0', cdn=False, static_dir='./')