重裝主視圖被點擊

Question

我有一個局部視圖，用戶可以在瓶坯的搜索，並且搜索結果顯示在一個選擇框所示。在我的主視圖中，我有一個應該在按下選擇按鈕後顯示搜索結果的部分。當我點擊選擇按鈕是眼下加載正確的信息到我的主視圖正確的模型，但主要觀點並沒有改變。當我點擊刷新時，頁面正確更新。在插件視圖中單擊按鈕時，如何自動更新頁面？

我在我的主要應用程序的主視圖（Index.vbhtml）部分：

@Section CUInfo 

Credit Union Name: @Model.CUInfo.CUName 

end section 

這裏是我的插件我的控制器方法：

Function ChangeCUInfo(strCUName As String) As ActionResult 
     m_hostApp.CUInfo.CUName = strCUName 
     m_hostApp.blnPluginRefreshButtonPressed = True 
     Return View("Index", m_hostApp) 
    End Function 

我試圖設置一個布爾值在hostApp對象中，然後在我的主剃刀視圖中調用此函數（如果它爲真）：

@code 
    If Model.blnPluginRefreshButtonPressed = True Then 


     @<script type="text/javascript"> 
       $(function() { 
        window.location.reload(); 
       }); 
     </script> 


     End If 

     Model.blnPluginRefreshButtonPressed = False 
End Code 

編輯：

JS功能，點擊選擇按鈕時調用：

function loadCU(CUInfo) { 
      strCU = CUInfo.split('|'); 
      strCUName = strCU[0];   
      $.ajax({ 
      type: "POST", 
      url: "/CUContractNumberPlugin/ChangeCUInfo", 
      data: { "strCUName": strCUName } 
     }); 
     } 

形式，是在插件視圖中使用：

@Using (Html.BeginForm("ChangeCUInfo", "CUContractNumberPlugin")) 
       @<div id="LogoSigSearch" style="height:300px;width:500px;position:relative;"> 



    <span style="display:inline-block;height:20px;width:166px;position:absolute;top:35px;left:5px;">Credit Union Name</span> 


    <br /> 
    @Html.TextBox("strCUName") 
    <input type="submit" name="LogoSigSearch$ctl02" value="Search" id="LogoSigSearch_ctl02" tabindex="3" style="width:60px;position:absolute;top:5px;left:352px;" /> 






    <input name="LogoSigSearch$ctl05" type="button" onclick="javascript:clearSearch()" value="Clear" style="position:absolute;top:35px;left:352px;width:60px;" /> 

    <select size="4" name="LogoSigSearch$ctl06" id="LogoSigSearch_ctl06" tabindex="5" style="height:230px;width:342px;position:absolute;top:65px;left:5px;"></select> 

    <input type="button" name="SelectCU" value="Select" onclick="javascript:loadCU(LogoSigSearch_ctl06.options[LogoSigSearch_ctl06.selectedIndex].value)" tabindex="4" style="width:60px;position:absolute;top:65px;left:352px;" /> 
     </div> 
    End Using 

Answer 1

是一種形式的兩個按鈕組成部分？沒有你將其連接到腳本或使其成爲一個形式的一部分，與相關的操作的按鈕就不會調用操作。

使用局部視圖來渲染查詢的結果，甚至在主要頁面加載。這簡化了您的開發。

添加一個jQuery事件處理程序（jQuery.on()）來觀察按鈕在您的主頁上單擊，或者如果在部分視圖中返回按鈕，只需使用部分中的on就緒處理程序並附加button.click（ ）事件，再次使用jQuery。

jQuery的事件處理程序可以提交查詢的值，張貼到你的控制器，並顯示結果的照顧。我有一些老的文章here，但他們仍然是有關你的問題，並證明提交的數據和取諧音。

你的客戶端代碼最終會看起來像這樣：

$("#your-button").click(function() { 
    var fetchUrl = '@Url.Action("ActionName", "Controller")'; 

    $.post(fetchUrl, { searchParams: $("#your-search-box").val() }) 
     .success(function (data) { 
      // replace the contents of the DIV with the results. 'data' 
      // here has whatever you sent back from your partial view 
     }) 
     .error(function (data) { 
      // handle the error, use a DIV with some kind of alert message etc 
     }); 

}); 

希望這有助於一些。