2013-01-02 46 views
0

我在MVC應用程序中沒有太多的使用AJAX的經驗,實際上是我第一次面對。請檢查下面的圖片並注意矩形。如何使用MVC4中的AJAX導航到下一頁?

enter image description here

的圖像僅僅是我從網上花了一個例子。

最大的矩形是我的應用程序中的局部視圖,當用戶按下Continue或Continuar按鈕時我必須呈現它。應用程序應該替換當前視圖而不刷新頁面。

這是我第一我正在傳遞的列表的第一個元素是測試,音符的代碼,但是當用戶按下按鈕,呈現與該下一個元素索引= 2。

視圖
public ActionResult DoTest() 
    { 

     if (!Request.IsAjaxRequest()) 
     { } 

     List<Worksheet> worksheets = new List<Worksheet>() 
     { 
      new Worksheet("Hoja 1", ...), 
      new Worksheet("Hoja 2", ...) 
     }; 
     return View(worksheets[0]); 
    } 

可以讓我有點了解如何實現此功能嗎?我只知道我需要使用Ajax。

回答

0

查看教程和示例here。網絡上還有很多關於這個主題的信息。

0

有很多不同的方法可以實現這一點。一種方法是編寫一個自定義分頁幫助程序(HtmlHelper),它可以在發佈後事件中接受新內容。您可以在這裏查看關於幫助者的所有信息:Custom HTML Helpers

另一種方法是在事件後使用部分頁面渲染來實現部分頁面更新。

如果我是你,我會結合使用jquery函數的部分視圖來更新內容。你可以在這裏查看一些幫助:Change dive content with Jquery