View和View的参数传递

View和View的参数传递

          在做ITOO的过程中，遇到了一个问题，就是页面和页面之间跳转参数传递的问题。

          这里前台使用的是easyUI的组件，第一个页面查看考生登录情况，其中有一个详情，点击之后，会跳转到第二个页面。

          第二个页面需要第一个页面的一些参数，你所选的该行的各个参数，考试、考场、考试日期和时间等等，查询并显示该场考试，这个考场的考生详细信息。

          第一个页面

          第二个页面

          这里在第一个View中使用的js，通过调用Controller中的一个方法，把第一个页面中的参数传到Controller中，具体代码如下：

<span style="font-size:24px;"><script type="text/javascript">        //在"操作"一列中添加超链接.-编辑考核项目        function rowformater(value, row, index) {            return '<a href="/Monitore/MonitoreDetails?ExamID=' + row.ExamID + '&ExamPlaceID=' + row.ExamPlaceID + '&StartDate=' + row.StartDate + '&StartTime=' + row.StartTime + '">详情</a>'            return;        }    </script></span>

          然后，在Controller中写一个方法用来接收传递过来的参数，再返回到第二个页面，这里使用的是ViewData。

<span style="font-size:24px;">public ActionResult MonitoreDetails()        {            //从第一个页面得到相关的参数，传给第二个页面            string ExamID = Request.QueryString["ExamID"];            string ExamPlaceID = Request.QueryString["ExamPlaceID"];            string StartDate = Request.QueryString["StartDate"];            string StartTime = Request.QueryString["StartTime"];            ViewData["ExamID"] = ExamID;            ViewData["ExamPlaceID"] = ExamPlaceID;                      ViewData["StartDate"] = StartDate;            ViewData["StartTime"] = StartTime;            return View();        }</span>

          最后，就是第二个页面接收这些参数，通过这些参数去查询数据库，得到想要的信息显示在表格中。

<span style="font-size:24px;"><table id="Chapter1" title="考生登录情况" class="easyui-datagrid" style="width:1160px; height: 400px;"                            idfield="itemid" pagination="true" data-options="rownumbers:true,url:'/Monitore/QueryMonitoreDetails?ExamID=@ViewData["ExamID"]&ExamPlaceID=@ViewData["ExamPlaceID"]&StartDate=@ViewData["StartDate"]&StartTime=@ViewData["StartTime"]',pageSize:5, pageList:[10,20,30,40],method:'get',toolbar:'#tb',striped:true" fitcolumns="true">            <thead>                <tr>                    <th data-options="field:'StudentNo',width:100">学号</th>                    <th data-options="field:'StudentName',width:100">姓名</th>                    <th data-options="field:'State',width:100">状态</th>                    @*<th data-options="field:'IP',width:100">IP</th>*@                    <th data-options="field:'Colleage',width:100">学院</th>                    <th data-options="field:'Major',width:100">专业</th>                </tr>            </thead>        </table></span>