0

所以，我有一个氮页面，index.erl，其中包含如下代码：

body() ->
  [#table{
     id = mytable,
     rows=[
           #tablerow{
              cells=[#tableheader{text="column a"},
                     #tableheader{text="column b"},
                     #tableheader{text="column c"},
                     #tableheader{text="column d"}]
             },
           #custom_row{ %% just a wrapper around #tablerow
              column_a = "a",
              column_b = "b",
              column_c = "c",
              column_d = "d"
             }
           %% ... more #custom_rows omitted
          ]
     },
   #button{text="submit", postback=store_table}
  ].

event(store_table) ->
  TableData = something_like_querySelector(mytable),
  insert_into_database(TableData).

我如何获得mytable氮的含量，是否有类似的东西querySelector？

4

1 回答 1

1

没有像 querySelector 这样干净整洁的东西，但是可以通过使用 Nitrogen 的#api{}action来检索任意 DOM 元素的内容。

使用上面的代码，我们可以执行以下操作：

body() ->
  wf:wire(#api{name=send_table_contents, tag=some_tag}),
  [#table{
     id = mytable,
     rows=[
           #tablerow{
              cells=[#tableheader{text="column a"},
                     #tableheader{text="column b"},
                     #tableheader{text="column c"},
                     #tableheader{text="column d"}]
             },
           #custom_row{ %% just a wrapper around #tablerow
              column_a = "a",
              column_b = "b",
              column_c = "c",
              column_d = "d"
             }
           %% ... more #custom_rows omitted
          ]
     },
   #button{text="submit", click="page.send_table_contents(objs('mytable').html())"}
  ].

api_event(send_table_contents, some_tag, [TableHTML]) ->
  insert_into_database(TableHTML).

它不像你可以请求内容那样干净wf:q，但它确实完成了工作。

这里的快速解释是，该#api{}操作在页面上创建了一个名为的新函数page.api_name_attribute（因此，如果您在上面查看，您会看到 name 属性 wassend_table_contents和调用的 javascript 函数#button.click也是 was send_table_contents。然后在api_event(NameOfAPI, Tag, ListOfArgs)回发函数中捕获内容。

也就是说，我已将此功能添加到待办事项列表中，因为它看起来很有用。

于 2015-07-04T17:39:38.367 回答