簡體   English   中英

如何創建“后退按鈕”提交以返回先前的局部視圖?

[英]How would I create a “back button” submit to return a previous partial view?

我為此付出了很大的努力。 在asp.net mvc中,我有一個加載部分視圖的表單。 我想在此表單上放置一個后退按鈕,以便用戶可以返回到上一個局部視圖。 (不是瀏覽器后退按鈕,而是輸入類型提交后退按鈕。)它需要將信息保留在會話中已經存在的上一個局部視圖中。

將部分視圖的名稱放在隱藏字段中。

而當您發回郵件時,渲染將超過部分視圖。

因此,換句話說,您將在表單中以部分名稱的形式呈現一個隱藏字段。 然后模型將其綁定到post方法中。

從您的post方法調用相同的視圖,但是這次渲染該部分來自隱藏字段。

我不使用History.js等工具就解決了此問題。 我也向_Layout添加了一個名為Navigate的方法,該操作可以導航到部分視圖。 這些調用保存在堆棧中,因此我知道要瀏覽的內容(我正在保存實際的ActionLink文本)。

當用戶單擊“上一步”時,我兩次彈出堆棧,從而得到上一頁,然后使用NavigateTo轉到該頁面。

您可以通過jquery進行操作,在表單上放置一個按鈕,然后在其上調用以下jquery函數。

 function BacktoPartial() {

        $.get('/URL to your Partial View',
        function (data) {
            $('#Yourdiv --Where you are rendering partial view').html(data);
        })
    .done(function (data, textStatus, jqXHR) {
    });
    }

更新的代碼示例:

<script type="text/javascript">
$("#btnBack").click(function (event) {
        BacktoPartial();
    });
function BacktoPartial() {

    $.get('/URL to your Partial View',
    function (data) {
        $('#Yourdiv --Where you are rendering partial view').html(data);
    })
.done(function (data, textStatus, jqXHR) {
});
}
</script>

現在我在這里使用錨,並為其設置按鈕形狀; 如果需要,可以添加按鈕而不是錨定到視圖。 這是示例代碼:

<a class="btn btn-primary" id="btnBack" href="javascript:void(0);"><i class="icon-search icon-white"></i>BACK</a>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM