javascript - 如何实现是否为用户点击了编辑按钮还是新增按钮？

Question

目前这里有两个按钮，点击编辑按钮之后将对应行的id传递出来，然后弹出对话框。第二个为点击新增按钮会弹出一个对话框，来选择是新增那个串口？。但是两个对话框获取id的形式不一样，第一个id是当前编辑行的id（row.portId），第二个id是下拉菜单内定义的id(下拉菜单定义的id：const addReginID = ref(1))，但是最终都要点击保存按钮，将id传参进去
这是刚开始点击“新增按钮”的对话框
这是点击“编辑按钮”的对话框
问题一：当点击新增按钮会弹出一个对话框选择是新增哪一个,如果选择的是新增串口1 但是串口1已经在列表中了，就弹出类似点击“编辑按钮”的对话框，如果是新增的话，就显示没有任何选中参数的对话框。请问该怎么处理呢?

这是点击对应的编辑按钮弹出对话框，显示的默认选中的状态

问题二：当点击保存按钮时，如何将新增的id还是当前编辑的id传入进去呢？

..

Answer 1

问题一：

在新增按钮被点击的时候，你应该先检查该串口是否已经在列表中。如果该串口已经存在，则弹出一个包含编辑按钮的对话框；如果该串口不存在，则弹出一个空的对话框。

对于如何检查串口是否已经存在，这可能需要查询你的数据库或者数据源，以确定是否存在与选定id匹配的记录。

问题二：

在保存按钮被点击的时候，你需要根据是新增还是编辑来决定传递哪个id。这可以通过检查对话框的状态或者检查当前选中的id来实现。

例如，如果你在新增按钮被点击的时候弹出一个包含下拉菜单的对话框，那么你可以通过检查下拉菜单的状态来确定是新增还是编辑。如果下拉菜单中已经有选中的id，那么这个id就是你要传递的id；如果没有选中的id，那么你可能需要弹出一个提示框来询问用户是否要新增一个没有id的记录。

如果你在编辑按钮被点击的时候弹出一个包含选中id的对话框，那么你可以直接使用这个id作为你要传递的id。

总的来说，你需要根据用户的行为和当前的状态来决定是传递新增的id还是编辑的id。