在表单上显示数据并异步更新表单

时间:2012-06-21 21:29:33

标签: c# html asp.net-mvc jquery asp.net-ajax

接近这个的最佳方法是什么?我有一个文本框,教师输入学生ID,我想根据输入的ID显示学生信息。一旦显示学生信息,我就会有一个下拉列表,其中列出了列出学生注册的所有课程的列表。从该下拉列表中选择一门课程后,我想在学生的表格中显示学生的进度。表格上的特定部分。我怎么处理这个?这就是我到目前为止所拥有的:

控制器:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using Student.Models;


namespace Student.Controllers
{
    public class StudentFormController : Controller
    {
        //
        // GET: /StudentForm/

        public ActionResult Index()
        {
            return View("StudentForm");
        }

        public ActionResult DisplayStudentDetails(string StudentId)
        {
            StudentDataContext db = new StudentDataContext();
            var StudentName = (from p in db.vwStudent.Where(a => a.StudentID == StudentId)
                             group p by p.StudentName into g
                             select g.Key).FirstOrDefault();

            var StudentClassList = (from p in db.vwStudent.Where(a => a.StudentID ==          StudentId)
                             group p by p.ClassID into g
                             select g.Key).ToList();

            ViewData["StudentName"] = StudentName;
            ViewData["StudentClassList "] = StudentClassList ;

            return View("StudentForm");

        }

        public ActionResult DisplayClassDetails(string StudentId, string ClassId)
        {
            StudentDataContext db = new StudentDataContext();
            ViewData.Model = (from p in db.vwStudentProgress.Where(a => a.StudentID == StudentId && a.ClassID == ClassId);

            return View("LPForm");

        }

    }
}

查看(形式):

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content3" ContentPlaceHolderID="TitleContent" runat="server">
    Student Form
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="MainContent" runat="server">
<form id="form2" method="get" action="/StudentForm/DisplayStudentDetails/" runat="server">
    <div style="text-align: left; height: 202px;">
<asp:ScriptManager ID="ScriptManager2" runat="server">
</asp:ScriptManager>                
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
    <ContentTemplate>
        Student Id:<input type="text" name="id" value="<%=HttpContext.Current.Request.QueryString["StudentId"]%>" /><br />                    
        Student Name:<input type="text" name="StudentName" value="<%=ViewData["ShortName"]%>" /><br />
        Classes Enrolled in:
        <select name="Classes">
            <%if (ViewData["Classes"] != null)
            {%>               
            <% foreach (int? Classes in (List<int?>)ViewData["Classes"])
            {%>                                
            <option><%=Classes%></option>                                
            <%}%>               
            <%}%>                   
    </ContentTemplate>
</asp:UpdatePanel>
    <input type="submit" value="Display Student Details"/>
</div>
</form>
</asp:Content>

1 个答案:

答案 0 :(得分:1)

  

接近这个的最佳方法是什么?

简单的答案是AJAX。不要尝试在ASP.NET MVC应用程序中使用更新面板。使用jquery进行男性ajax调用并更新页面的部分内容。

  

从我想要显示的下拉列表中选择一个课程   学生在表格的特定部分的表格上进展。怎么样   我能接近这个吗?

基本上你应该通过jquery绑定到下拉列表的change事件,并调用一个返回局部视图的动作。

使用html助手创建文本框,表单和其他内容,避免直接使用html元素。

相关问题