dart - 如何在Dart中更改按钮的单击事件

Question

我有一个问题，那就是在每行的最后<td>中有一个带有编辑按钮的表。当按下编辑键时，<td>更改为<input>，效果很好。我的按钮如下所示:

<td><button on-click="{{editThis}}">Edit</button></td>

因此，当按下它时，editThis函数将被调用。但是我希望我的按钮现在将显示“保存”，如果按下应调用“saveThis”功能。

void editThis(Event e, var detail, Node sender) {
   e.preventDefault();
   /* ... does not matter ... */

   (sender as ButtonElement).text = "Save"; 
   (sender as ButtonElement).setAttribute("on-click", {{saveThis}});
}

Button仍然会调用editThis函数。 Dartium显示以下内容:

<button on-click="{{saveThis}}">Save</button>

有什么想法为什么不起作用或如何解决此问题的其他方法？

Answer 1

自己找到了解决方案:)

    void editThis(Event e, var detail, Node sender) {
    e.preventDefault();
    print("edit called");

    /* Does not matter */

    ButtonElement newButton = new ButtonElement();
    newButton.text = "Save";
    newButton.onClick.listen((event) => saveThis());
    sender.replaceWith(newButton);
  }