如何将新按钮添加到 javascript(MVC 5) 中的新行？

Question

我是初学者。谢谢！我有 2 个按钮删除和编辑，它在我添加 1 个新行后刷新时显示。我需要在没有 F5 的情况下显示它们，你能修复我的 AJAX，在我添加 1 个新行后，没有按钮显示，我需要 F5 刷新页面以从数据库加载它。你能重写我的'var tr'吗。谢谢！我的ID = @ViewBag.NewID 我的家庭控制器： u.ID = Guid.NewGuid().ToString(); ViewBag.NewID = u.ID;

  <table id="UserList">
        <tr>
            <th>Username</th>
            <th>Password</th>
            <th>Name</th>
            <th>Action</th>
        </tr>
        @foreach (Database_Users item in Model)
        {
            <tr id="tr_@item.ID">
                <td class="uid">@item.Uid</td>
                <td class="pwd">@item.Pwd</td>
                <td class="name">@item.Fullname</td>
                <td>
                // THERE ARE 2 BUTTON I NEED CREAT WITHOUT REFRESH
                    <a href="javascript:Delete('@item.ID','@item.Fullname')">
                        [Delete]
                    </a>
                    &nbsp;
                    <a href="javascript:BeginEdit('@item.ID','@item.Uid','@item.Fullname')">
                        [EDIT]
                    </a>
                </td>
            </tr>
        }
    </table>
    <script>    
        function AddNewUser() {               
                       
                        // My ID = @ViewBag.NewID                           
                        //ADD 1 ROW --- NEED 2 button show = AJAX
                        var tr = '<tr><td>' + uid + '</td><td>' + pwd1 + '</td><td>' + name + '</td><td></td></tr>';                                                
                        
                        $('#UserList').append(tr);                  
                                             
            }              
        }   
    </script>

添加 1 行后我的视图，我需要 AJAX

显示 2 个按钮

Answer 1

在添加新用户功能中你可以替换这一行，但是如果你有这个新创建的 ID // My ID = @ViewBag.NewID

    var tr = `<tr><td>  ${uid}} </td><td> ${pwd1} </td><td> ${name}</td><td>  <a href="javascript:Delete("${uid}","${name}")">[Delete]</a>&nbsp;<a href="javascript:BeginEdit("${ID}","${uid}","${name}")">[EDIT]</a> </td></tr>`;

如何将新按钮添加到 javascript(MVC 5) 中的新行？

How can I add new button to new row in javascript(MVC 5)?

javascript

c#

model-view-controller