2 
-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) 函数及其参数？

4

1 回答 1

5

您将希望通过回发来执行此操作。

最简单的方法是更改​​按钮以包含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).

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

于 2012-11-25T09:46:47.560 回答