2

所以我有以下代码用于创建一个表单，当您单击一个字段时，它确保数据库中的最新数据在该字段中，然后当您离开表单字段时，它将文本区域保存回数据库。display() 函数的表单中已经有很多其他字段可以工作。然而，这是我正在使用的第一个数据库字段，它是一个列表（字符串），所以我试图弄清楚如何处理这些字段。当我运行它时，html 看起来都是正确的，我什至可以看到字段的事件。但是，使用 display_lp 生成的字段不会触发 onclick 或 onblur 事件。有什么原因吗？

display_lp(path) = (
  List.mapi(
    x, characterlp ->     textid = "#edit_content_lp_{x}"
    divid = "#show_content_lp_{x}"
   <div class="show_content" id={divid} onclick={_ -> edit_lp(path, x) }>
        {x+1}:
        <textarea class="edit_content" id={textid} cols="20" rows="1" onblur={_ -> save_lp(path,x) } >
            {characterlp}
        </textarea>
    </div>
    , /characters[path]/lifepaths)
)

display(path) = (
   Resource.styled_page("{path}'s character sheet",["/resources/css.css"],
              /* a bunch of other irrelevant html *?
            <div class="show_content" id=#show_content_lp> Lifepaths:  { display_lp(path) }
            </div>
            <a href="..">Back to Directory</a>
      )
)
4

2 回答 2

2

我已经用类似于你的代码进行了测试，似乎没有触发 onclick，onblur 因为你的 ID 不正确，你必须删除这样的#字符：

  textid = "edit_content_lp_{x}"
  divid = "show_content_lp_{x}"

但是，如果你想使用#，你应该这样做：

my_id_var = "some_text_{nb}"
<div id=#{my_id_var}>...</div>

你注意到区别了吗？

于 2011-09-06T08:44:21.543 回答
0

这是一个显示如何在文本区域上使用 onclick、onblur 的最小代码。

do_click(_event) =
  jlog("CLICK: {Dom.get_value(#tt)}")

do_blur(_event) =
  jlog("BLUR: {Dom.get_value(#tt)}"

main() =
  <textarea id=#tt
            onclick={do_click}
            onblur={do_blur)}>Hello</textarea>

server = Server.one_page_bundle("OpaTest", [], [], main)

注意：将 onclick 放在 div 上没有问题，但我想保持简单

于 2011-09-06T08:26:36.890 回答