问题标签 [reflex-dom]

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 回答
90 浏览

haskell - 从文本输入更新记录

相对的 Haskell 和 reflex noob 在这里。决定用一个真实的应用程序来弄湿我的脚。

一旦用户在textInput.

代码在 GHCJS 中编译,但是一旦我打开网页,它就会显示为空白。如果我删除标记为有问题的行(这会创建更新事件),它可以正常工作(即从清除按钮设置记录eClient以及从清除按钮设置记录)。

编辑:我想我可能会在某处引入无限循环,所以尝试了几件事:

  • 不要setEvent将输入字段和textInput_input事件连接到相同的Dynamic. 这没有帮助
  • 设置setValueeClient而不是eUpdatedClient- 这是Event Client我们从外部接收的(例如,当单击表中的一行时)。没有帮助。
  • 从而不是再次触发Dynamic更新以避免潜在的循环(尽管我认为这里不是这种情况。没有帮助。textInput_keypresstextInput_input

不过,无限循环很可能是问题所在。

编辑:添加了另一个dynText,表明该事件eClientModified触发了一个非常好的Client. 因此,它确实是在更新editClientDynamic 时失败了。

0 投票
1 回答
249 浏览

haskell - 如何调试 reflex-dom 程序-

所以我刚刚发现了这个库,并认为它可能非常适合构建 UI。这是我在学习这个库时尝试实现的一个小练习。基本上它会尝试在本地文件系统上打开一个目录并显示该目录中的所有文件。它编译没有问题,但是当我打开index.html它时它只显示一个空白页。我不知道如何调试程序。这是代码:

0 投票
1 回答
85 浏览

haskell - 无法通过动态映射:没有 (Functor (Dynamic Spider)) 的实例

我的意图是div在按下按钮时在亮红色和暗红色之间交替显示 a 的颜色,从暗红色开始。

我有这个代码:

它因此出错:

我当然在快速参考fmap中看到了一个for ,尽管我不确定参考的版本和 我编译的包的版本是否一致。Dynamicreflex

这是stack.yaml我用于构建的:

我究竟做错了什么?而这个蜘蛛侠到底是谁?

0 投票
1 回答
179 浏览

haskell - 如何获得与鼠标悬停在某个元素上相对应的动态布尔值?

假设我有一个按钮和一个正方形,如下所示:

按下按钮时,正方形的颜色将在亮红色和暗红色之间交替。

我想用绿色矩形替换按钮,当鼠标指针悬停在它上面时,红色方块是亮的,否则是暗的。对于加分,我希望绿色矩形为 adiv tabindex=0并确保红色正方形在焦点集中时是亮的,但是,一旦我了解了一般方法,我可能会自己弄清楚。

我的猜测是有一些 API 允许向 中添加事件处理程序el,但到目前为止我还没有找到。也许有一个完全不同的方法,我不知道?

0 投票
1 回答
66 浏览

reflex - getAndDecodeResponseEvent runs 3 times, instead of just once

This little pice of code has me confused:

respCount counts to 3 in case the url exists, to 2 in case of 404, but shouldn't it only count to 1? Also, the actual request gets issued just once.

I'm on the latest develop branch of reflex, reflex-dom

0 投票
1 回答
655 浏览

haskell - 具有 Nix 和 Cabal 约束的 Haskell / cabal 包的解决方法?

我最近开始使用reflex-platform进行开发,其中一些额外的配置类似于优秀的reflex-project-skeleton中描述的内容。

现在我遇到了无法解决的包冲突。我使用与 相同的 cabal 脚本,它使用 cabal 命令以非交互模式reflex-project-skeleton调用。nix-shell

如果我尝试

我明白了

有问题的包似乎是snaplet-acid-state,所以我尝试从 nix-shell 内部安装它:

尝试在 cabal 文件中指定版本约束等,但没有效果。

有什么线索吗?我什至不确定确切的问题是什么。为什么aeson第一次安装失败,第二次出现snplet-acid-state和mtl冲突?

0 投票
0 回答
169 浏览

haskell - 使用带有反射的 Web 组件 HTML 标记

我尝试在 Reflex 中使用 Web 组件。代码是这样的:

对于 ui5-button 它按预期工作。其他 Web 组件触发 Reflex.Dom.Widget.Basic 中未定义的事件,例如“liveChange”。

我怎样才能将这些转化为反射事件?

0 投票
1 回答
40 浏览

reflex - 前端类型的 Monadwidget

一些示例使用 monadwidget 和 mainwidget。虽然 obelisk 生成的项目希望您使用前端数据类型。我在指南中找不到对这种类型的引用,但是您将如何在该类型中使用 monadwidget?

0 投票
1 回答
22 浏览

reflex - 前端 head 和 body 之间共享动态

Haskell 的新手,但我不确定您是否可以创建一个可以进入头部和身体的动态。我想更新页面标题。

0 投票
1 回答
284 浏览

css - 使用方尖碑时将css文件放在哪里

我想使用方尖碑让两个 div 并排浮动。为此,我使用了这篇文章中的信息,如何并排放置 div,对于这个解决方案,类必须在 css 中声明。按照本教程 ( https://github.com/hansroland/reflex-dom-inbits/blob/master/tutorial.md ) 的建议,更具体地说,关于 mainWidgetWithHead 的部分,我将命令放在不同的文件中。但是,问题是我找不到 css 文件应该存储在哪里才能被程序访问。

我试图通过“ob init”将它放在自动生成的目录中的几个地方,但是当我在浏览器中加载它时,我总是得到一个空的 css 文件。

您可以在下面看到 frontend/src/Frontend.hs 中使用的前端函数的最小示例。

因此,无论我将 css 文件放在何处,都会给出此错误消息:资源解释为样式表,但使用 MIME 类型 text/plain 传输:“ http://127.0.0.1:8000/css/cssTest.css