如何在氮气中调用 erlang 函数

Question

-module (blah).
-compile(export_all).
-include_lib("nitrogen_core/include/wf.hrl").
main() -> #template { file="./site/templates/bare.html" }.
title() -> "Welcome to Nitrogen".
body() ->
#button { id=calcButton, text="Click"}.
imafunction(Param1, Param2) -> %something here%.

如何通过单击按钮调用 imafunction（Param1， Param2） 函数及其参数？

Answer 1

您将希望使用回发来执行此操作。

最简单的方法是更改按钮以包含postback属性：

#button { id=calcButton, text="Click", postback=do_click}.

然后，您必须使用 event/1 函数处理回发：

event(do_click) -> 
    imafunction("first val","second val").

但是，如果要将值与某种动态数据一起传递，则可以通过以下两种方式之一执行此操作。

1） 您可以将其作为回发的一部分传递，并在回发值上进行模式匹配。

#button { id=calcButton, text="Click", postback={do_something,1,2} }

然后在回发上进行模式匹配

%% Notice how this is matching the tuple in the postback
event({do_something,Param1,Param2}) ->
    imafunction(Param1,Param2).

或， 2）您可以将值作为输入传递（例如文本框或下拉框）

首先，添加要发送的参数字段，并确保按钮执行回发

body() ->
    [
        #label{text="Param 1"},
        #textbox{id=param1},
        #br{},
        #label{text="Param 2"},
        #textbox{id=param2},
        #br{},
        #button{ id=calcButton, text="Click", postback=do_other_thing}
   ].

然后在您的event/1函数中，我们将检索值并调用您的函数。

event(do_other_thing) ->
    Param1 = wf:q(param1),
    Param2 = wf:q(param2),
    imafunction(Param1,Param2).

您可以在以下位置阅读有关氮气回发和提交数据的更多信息：

• 氮气回发演示
• 关于请求和响应的氮气 API 文档