问题标签 [voila]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
304 浏览

python - python ipyvuetify 相当于 ipywidgets 输出

用于显示文本的简单输出 ipywidget 可能如下所示:

这个元素在使用 voila 渲染时非常有用。

ipyvuetify 中的等价物是什么?

我没有在 ipyvuetify 文档中找到等效项: https ://ipyvuetify.readthedocs.io/en/latest/usage.html#create-an-ipyvuetify-widget

0 投票
1 回答
124 浏览

python - python ipyvuetify 关闭浮动对话框(ipywidgets)

我正在使用 ipyvutify 尝试编写出色的 GUI。它看起来很棒,但对于从未做过 HTML 和 CSS 的人来说有点难。

以下是单击“OPEN DIALOG”按钮时生成浮动对话框的完整代码。

我想了解使用 ipyvuetify 打开和关闭浮动对话框的功能,并且使用以下代码即使代码有效(不足)我也无法弄清楚。

目标是用一个按钮打开一个对话框,并且在对话框内也有一个关闭按钮(与其他按钮一起)

如果您将上面的代码粘贴到您的一个单元格中,您将意识到我想理解的以下奇怪行为。

如果您不在可视化部分中显示示例对话框,则其他按钮将不起作用。仅当 exampledialog 是 Layout 的子级的一部分时,该按钮才起作用。此外,对话框本身的按钮在第一次运行时就会消失。

这真是一件奇怪的事情。谁能给个解释。

一般的问题是如何从对话框外的按钮打开和关闭对话框。dialog.value=True 似乎并没有真正起作用

0 投票
1 回答
234 浏览

python - 当用户更改文本字段时,ipyvuetify 捕获文本字段的用户输入值

我正在使用 vuetify 来捕获用户的输入,如下所示:

在此处输入图像描述

我想解决的问题:

  1. 可视化没问题,但是当更改输入中的值时,按钮的事件处理程序中的 v_application.value 不会捕获它。尽管如此,在第二行:v_nr.value='The value was changed successfully' 值以编程方式更改。当用户更改输入文本的值时,您如何编写代码以更改输入文本的值?
  2. other_info.children.append(' APPEND ')似乎不起作用,但没有报告任何错误。预期的是每次单击按钮时都会附加单词 GORILA,但事实并非如此。

有任何想法吗?谢谢。

注意:为方便起见,包括 %pips。

0 投票
1 回答
332 浏览

python - 使用 voila 和 Jupyter Hub 渲染 html 时将变量的内容复制到剪贴板(通过 Ipython 注入 JS??)

我正在使用 Jupyter HUB 从存储在服务器中的 jupyter 笔记本中渲染 Html 页面。

使用时,我想创建一个按钮,将特定变量(文本)的内容复制到剪贴板。

重现这种情况的最简单示例如下。我尝试使用我在这里得到的代码通过 Ipython 注入 JS:(将 JavaScript 变量的输出复制到剪贴板)一个按钮应该触发代码并将文本放入剪贴板。但事实并非如此。

这在 jupyter 集线器中不起作用。我猜是因为实际上您没有在本地机器上运行代码。

知道如何处理这种情况吗?

实际上,在其他情况下也会遇到此问题,在这些情况下,您可以在使用 Ipython 在本地渲染笔记本时与本地浏览器进行交互。例如,使用 webbrowser 模块打开一个新选项卡很容易,但是当笔记本在 jupyter HUB 中运行时它就不起作用了。

任何的想法?

注意:代码不会产生错误,在日志中只是出现:<IPython.core.display.Javascript object>

注意2:实际上在本地运行此代码不起作用,它会产生:添加输出的Javascript错误!TypeError:无法设置 null 的属性“值”有关详细信息,请参阅您的浏览器 Javascript 控制台。

0 投票
1 回答
402 浏览

jupyter - 瞧仪表板基本网址

运行 voila my_notebook.ipynb 时,voila 正常启动并显示仪表板。设置基本 url 时(使用 --Voila.base_url='/my-base-url'):

  • 403: Forbidden浏览器中显示错误
  • WARNING:tornado.general:403 GET /test/voila/files/test (::1): File not whitelisted终端收到警告。

--VoilaConfiguration.file_whitelist="['.*']"参数添加到 voila 命令会导致:

  • 404: Not Found在浏览器中
  • WARNING:tornado.access:404 GET /test/voila/files/test (::1) 1.38ms在终端

在我的理解中,将 base-url 指定为“/my-base-url”应该使仪表板可以在localhost:8866/my-base-url. 这是它应该如何工作还是我误解了什么?

0 投票
1 回答
76 浏览

python - 有没有办法检测到笔记本显示在 voila、jupyter 或 jupyterlab 中?

如果笔记本是使用 voila、jupyter 或 jupyterLab 启动的,我正在使用具有不同行为的xarray_leaflet库。

有没有办法以编程方式检测它?

0 投票
0 回答
70 浏览

jupyter-notebook - 在 Binder 上使用 Viola 和 jupyter notebook 会出错

我正在做关于深度学习和部署我的第一个应用程序的 fast.ai v2 课程(如本书第 2 章所建议的那样,我在 jupyter notebook 上使用 viola 使其运行而不显示单元格,因此充当一个应用程序。当我在活页夹上运行它时,会出现以下错误。

在此处输入图像描述

相关的 github(因此代码)在这里,您可以通过单击自述文件中的徽标打开活页夹。我会很感激你的帮助

0 投票
2 回答
112 浏览

python - 在 ipyvuetify 中使用图像作为图标

我正在使用 ipyvuetify 对要使用 voila 呈现的应用程序进行编码,并且我想将图像用作页脚的图标(或将来用作按钮)。知道怎么做吗?

这是图标的代码

这将产生: 在此处输入图像描述

我想使用我自己的徽标而不是预定义的指纹。那么如何加载图像并为字体提供相对大小。

谢谢

0 投票
1 回答
194 浏览

docker - 在远程 Web 服务器(Heroku)上运行时如何查看错误

我使用 docker 文件在 Heroku 上部署了我的 voila 应用程序,但返回给我的网页显示执行某个单元格时出错。该应用程序在我的笔记本电脑上运行良好,部署我的应用程序需要 10 多分钟。我可以访问远程终端,但找不到查看错误消息的方法。是否有一种简单的方法可以使用 bash 查看错误消息,或者我可以在本地服务器上打开一个网页以使用 voila --debug 显示错误消息?

0 投票
3 回答
105 浏览

jupyter-notebook - 如何控制 Ipyvuetify ProgressCircular

我想使用一个名为 ProgressCircular 的 ipyvuetify 小部件来显示加载过程。因此,我试图弄清楚如何在我的代码中显示和隐藏小部件。

尽管我可以使用 dir() 查看所有属性,但我仍然找不到合适的属性。人们如何弄清楚如何在缺少示例的包中使用类或函数。