部分視圖中的按鈕在搜索後停止工作

我有一個Layout頁面和一個PartialView。部分視圖中的按鈕在搜索後停止工作

我在佈局頁面上有一個搜索按鈕，在局部視圖中有一個表中有一個更新按鈕。

一旦我點擊搜索按鈕，更新按鈕停止工作。它工作正常，直到我搜索。我猜它與形式和動作結果有關，但我無法實現。行動結果從未達到 - 「沒有」發生。

控制器 - RegisterTruckUser

[HttpPost] 
     public ActionResult RegisterTruckUser(string registerName, string registerPassword, string employeeNumber, string userTeam) 
     { 
      var model = new RegisterModel 
      { 
       UserList = db.SearchTruckUsers(""), 
       UserTeamList = GetUserTeamList(), 
       TriggerOnLoad = true 
      }; 

      //If the Save button is clicked the user is updated 
      if (Request.Form.AllKeys.Contains("btnupdateuser")) 
      { 
       if (!Request["btnupdateuser"].IsEmpty()) 
       { 
        Name = Request.Form["item.Name"]; 
        password = Request["item.Password"]; 
        EmployeeNumber = Request["item.EmployeeNumber"]; 
        Userteam = Request["item.UserTeam"]; 

        db.UpdateTruckUser(Name, password, EmployeeNumber, Userteam); 
        model.UserList = db.SearchTruckUsers(""); 
        return PartialView(model); 
       } 
      } 
       ModelState.Clear(); 
       return View(model); 
      } 
      model.TriggerOnLoadMessage = ErrorMessage; 
      return View(model); 
     }

控制器 - SearchPartialView

[HttpPost] 
     public PartialViewResult SearchPartialView(string searchUserString) 
     { 
      if (Session["myID"] == null) 
      { 
       ExpireSession(); 
      } 

      if (!ModelState.IsValid) 
       RedirectToLogin(); 

      if (searchUserString.Any(char.IsDigit)) 
      { 
       var model1 = new RegisterModel 
       { 
        TriggerOnLoad = false, 
        UserList = db.SearchTruckUsersEmpNum(searchUserString), 
        UserTeamList = GetUserTeamList() 
       }; 
       return PartialView("_RegisterTruckUserPartialView", model1); 
      } 

      var model = new RegisterModel 
      { 
       TriggerOnLoad = false, 
       UserList = db.SearchTruckUsers(searchUserString), 
       UserTeamList = GetUserTeamList() 
      }; 
      return PartialView("_RegisterTruckUserPartialView", model); 
     }

RegisterLayout

@model Name.Models.RegisterModel 

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>@ViewBag.Title - Register</title> 
    @Scripts.Render("~/Scripts/jquery.unobtrusive-ajax.min.js") 
</head> 

<body> 
    @RenderPage("~/Views/Shared/_Header.cshtml") 
    @RenderBody() 
    <div class="center" id="top"> 

        <div id="search" class="active"> 
         <h1>Manage users</h1> 

         @using (Ajax.BeginForm("SearchPartialView", "Register", null, 
      new AjaxOptions 
      { 
       HttpMethod = "POST", 
       InsertionMode = InsertionMode.Replace, 
       UpdateTargetId = "divUsers", 
      }, new 
      { 
       id = "usertable" 
      })) 
         { 

          @Html.TextBox("SearchUserString", null, new { @class = "responsivetextbox", @placeholder = "Search username or employment number" }) 
          <p> 
           <input type="submit" class="standardbutton logsearch" name="submit" value="Search" /> 
          </p> 
         } 
         <div id="divUsers"> 
          @{Html.RenderPartial("_RegisterTruckUserPartialView");} 
         </div> 
     </div> 
    </div> 

    @RenderPage("~/Views/Shared/_Footer.cshtml") 
</body> 
</html>

PartialView（表）

<table class="centeredTable"> 
     <thead> 
      <tr> 
       <th>Name</th> 
       <th>Password</th> 
       <th>Employment Number</th> 
       <th>Team</th> 
       <th></th> 
      </tr> 
     </thead> 
     <tbody> 
     @foreach (var item in Model.UserList) 
     { 
      using (Html.BeginForm()) 
      { 
       <tr id="usertabletr1"> 
        <td id="usertabletd1"> 
         @Html.EditorFor(modelItem => item.Name, new {htmlAttributes = new {@name = "test1", @style = "border: 0px none;"}}) 
        </td> 
        <td id="usertabletd1"> 
         @Html.EditorFor(modelItem => item.Password, new {htmlAttributes = new {@name = "registerPassword", @type = "password", @style = "border: 0px none; "}}) 
        </td> 
        <td id="usertabletd1"> 
         @Html.EditorFor(modelItem => item.EmployeeNumber, new {htmlAttributes = new {@name = "employeeNumber", @readonly = "readonly", @style = "border: 0px none; background: white;"}}) 
        </td> 
        <td id="usertabletd1"> 
         @Html.DropDownListFor(modelItem => item.UserTeam, Model.UserTeamList, item.UserTeam, new {htmlAttributes = new {@name = "Team", @style = "border: 0px none;"}}) 
        </td> 
        <td id="usertabletd1"> 
          <input class="standardbutton adddefaultvaluesubmit" type="image" src="~/Pictures/saveicon.ico" alt="Save" value="Save" name="btnupdateuser"/> 
         <input class="standardbutton adddefaultvaluesubmit" type="image" src="~/Pictures/trashcanicon.ico" alt="Delete" value="Delete" name="btndeleteuser"/> 
        </td> 
       </tr> 
      } 
     } 
     </tbody> 
    </table>

來源

2016-09-13 Erik Sellberg

在控制檯中獲取任何錯誤？ –

@Div不，沒有。 –

在點擊搜索按鈕之前，它工作嗎？ –

在您的局部視圖，它應該是這個樣子。

<input type="button" value="Confirm team change" class="btnConfirm"/>

然後您將此添加到您的「主」佈局。

$(document).on('click', '.btnConfirm', function(){ 
$.ajax({ 
    url: '@Url.Action("RegisterTruckUser", "Register")', 
    type: 'POST', 
    cache: false, 
    async: true, 
    data: $('form').serialize(), 
    success: function(result){ 
     //do something 
    } 
}); 
});

來源

2016-09-13 08:20:22 Danieboy

部分視圖中的按鈕在搜索後停止工作

回答

相關問題