Question

我正在asp.net mvc4中构建一个在线测试webapp。我需要让用户在上一个和下一个问题之间导航（一次只有一个问题）。我的布局里面有一个倒数计时器。我有一个问题＆amp;选项列表作为视图中的模型，我需要通过上一个和下一个按钮导航列表。布局必须保持相同，因为它有一个计时器。当用户点击“下一步”时，当前问题应该返回列表以及所选答案（通过单选按钮），并且应显示列表中的下一个问题。类似的功能也由前一个按钮完成。任何人都可以建议使用Ajax，Json或Javascript的解决方案吗？

视图：StartTest

@model LoginTrial3.Models.QuestionPaper

@{
    ViewBag.Title = "StartTest";
    Layout = "~/Views/Shared/_LayoutTest.cshtml";
}

<h2>StartTest</h2>

型号：QuestionPaper

public class QuestionPaper
    {
        public List<object> RandomQuestionList = new List<object>();
        //generate the maps to hold the answers
        public Dictionary<int, string> AptiAnsList = new Dictionary<int, string>();
        public Dictionary<int, string> TechAnsList = new Dictionary<int, string>();

        //define a ctor
        public QuestionPaper(List<object> QList)
        {
            foreach(var item in QList)
            {
                RandomQuestionList.Add(item);
            }
        }
    }

QList中的每个对象都是AptiQuestionType：

public class AptiQuestion
    {
        public int Id { get; set; }
        public string Question { get; set; }
        public string OptionA { get; set; }
        public string OptionB { get; set; }
        public string OptionC { get; set; }
        public string ExpectedAnswer { get; set; }
     }

Answer 1

没有ajax的解决方案可能是扩展模型类并添加上一个和下一个项的ID，然后使用这些ID在视图渲染链接中。

如何在mvc中使用ajax实现上一个和下一个按钮？

1 个答案: