2016-03-15 47 views
0

我在我的項目MVC上使用地圖。當點擊按鈕'過濾器'在地圖上顯示一些點並顯示到相同的頁面。我還想使用另一個按鈕(顯示按鈕)在沒有佈局的另一個頁面上顯示地圖。這意味着全屏顯示地圖視圖。這個點擊按鈕的事件:如何在其他頁面上顯示地圖並查看全屏?

<script type="text/javascript"> 
    $("#Showbutton").click(function() { 
     var Desert = $("#DesertID").val(); 
     var Type = $("#meter_TypeMeterID_FK").val(); 
     var Usemeter = $("#meter_UseMeterID_FK").val(); 
     var Affair = $("#meter_AffairID_FK").val(); 
     var GroupMeter = $("#meter_GroupMeterID_FK").val(); 
     var Status = $("#modem_StatusID_FK").val(); 
     var StatusMeter = $("#meter_StatusID_FK").val(); 
     $.ajax({ 
      type: "POST", 
      url: '@Url.Action("ShowMapOnOtherPage", "Map")' 
      dataType: "JSon", 
      data: { "Affair": Affair, "Type": Type, "Desert": Desert, "Usemeter": Usemeter, "GroupMeter": GroupMeter, "Status": Status, "StatusMeter": StatusMeter }, 
      success: successFunc, 
      error: errorFunc 
     }); 
    }); 

時Showbutton點擊,運行方法 「ShowMapOnOtherPage」:

public ActionResult ShowMapOnOtherPage(string desertName, string Type, string Usemeter, string Affair, string GroupMeter, string Status, string StatusMeter) 
    { 
     //Do something 
     return View("~/Views/Map/ShowMapOnOtherPage.cshtml"); 
    } 

但不顯示視圖 'ShowMapOnOtherPage.cshtml'。爲什麼?!

+0

喜你的Ajax結果如何我處理呢? –

+0

你的ajax結果發送到特定的div來追加,所以你可以查看結果 –

+0

@BhadreshShiroya嗨,我的結果ajax沒有發送到我的觀點。我想以另一種觀點展示。這個視圖是索引,當點擊按鈕並運行方法'ShowMapOnOtherPage'結果發送到'ShowMapOnOtherPage.cshtml'時。 –

回答

1

你必須創建表單

<form action="@Url.Action("ShowMapOnOtherPage", "Map")" method="post" name="mapform" id="mapform"> 
    <input type="hidden" name="desertName" value="" id="mapdesertName"/> 
    <input type="hidden" name="Type" value="" id="mapType"/> 
    <input type="hidden" name="Usemeter" value="" id="mapUsemeter"/> 
    <input type="hidden" name="Affair" value="" id="mapAffair"/> 
    <input type="hidden" name="GroupMeter" value="" id="mapGroupMeter"/> 
    <input type="hidden" name="Status" value="" id="mapStatus"/> 
    <input type="hidden" name="StatusMeter" value="" id="mapStatusMeter"/> 
</form> 


<script type="text/javascript"> 
$("#Showbutton").click(function() { 
    var Desert = $("#DesertID").val(); 
    var Type = $("#meter_TypeMeterID_FK").val(); 
    var Usemeter = $("#meter_UseMeterID_FK").val(); 
    var Affair = $("#meter_AffairID_FK").val(); 
    var GroupMeter = $("#meter_GroupMeterID_FK").val(); 
    var Status = $("#modem_StatusID_FK").val(); 
    var StatusMeter = $("#meter_StatusID_FK").val(); 

    $("#mapdesertName").val(Desert); 
    $("#mapType").val(Type); 
    $("#mapUsemeter").val(Usemeter); 
    $("#mapAffair").val(Affair) ; 
    $("#mapGroupMeter").val(GroupMeter); 
    $("#mapStatus").val(Status); 
    $("#mapStatusMeter").val(StatusMeter); 
    document.mapform.submit(); 
}); 
</script> 
相關問題