在purescript中创建后自动聚焦输入元素

Question

我正在使用purescript卤素构建一个类似电子表格的表格（类似于Handsontable）。如果双击某个单元格，则html输入元素将作为相应表格单元格的子元素呈现（并且不会为所有其他单元格呈现此类元素）。

这对卤素非常有效，除了我不知道如何自动将焦点设置为新创建的输入元素。

我尝试了自动聚焦属性，但这只适用于双击的第一个单元格。JavaScript的方法是在新元素上调用point（）方法，但是我不知道在DOM以卤素更新后如何调用它。有什么想法吗？

Answer 1

好的，下面是我如何使用Phil的初始值设定项提示：

编写一个JavaScript函数，实际聚焦元素。

exports.setFocusImpl = function(elemId) {
  return function() {
    document.getElementById(elemId).focus();
  };
};

谢谢。

foreign import data FOCUS :: !

foreign import setFocusImpl :: forall e. Fn1 String (Eff (focus :: FOCUS | e) Unit)

setFocus :: forall e. String -> Eff (focus :: FOCUS | e) Unit
setFocus = runFn1 setFocusImpl

然后使用初始化器中的setFocus函数。

H.input
[ A.id_ "inputField"
, A.Initializer do
    liftEff $ setFocus "inputField"
    pure DoNothing
] [ ]

请注意，我使用的是卤素的旧版本，其中签名仍然是旧版本（30e8b2c7中初始值设定项的定义）。