因为在ITOO4.0开发的并不是手机端业务,而现在要将评教推到移动端,只需要将客户端的easyui更换为bootstrap就好,后台不需要变化,这就引起了bootstrap表格如何绑定数据源的问题。
前台采用MVC,而且数据直接从C->V,但不是主视图,所以这里采取部分视图,来显示页面
在相应的controller中
public PartialViewResultTestPartialView()
{
ViewData["lsEvaluationAssessStatus"] = getJson();
return PartialView();
}
然后选中TestPartialView()右击添加视图
<divclass="table-responsive">
@Html.Raw(@ViewData["lsEvaluationAssessStatus"].ToString())
</div>
相应的主视图中的任意位置,前边是action,后边是Controller
@{Html.RenderAction("TestPartialView","StateEval");}
接下来就是新型表格封装,也就是getJson()方法里的内容
List<EvaluationAssessStatus> listEvaluationAssessStatus = studentStateEval.StateEvalInit(teacherCourseList);
string str="<table class=\"table table-hover\" id=\"data\"><thead><tr><th >教师姓名</th><th >课程类型</th><th>课程名称</th><th >评估状态</th></tr>";
foreach (EvaluationAssessStatus EStatus in listEvaluationAssessStatus)
{
str+="<tr><td >"+ EStatus.TeacherName+"</td><td >"+EStatus.CourseType+"</td><td >"+EStatus.CourseName+"</td><td >"+EStatus.AssessStatus+"</td></tr>";
}
str += "</thead></table>";
return str;
呵呵,说白了,就是action里拼接字符串的问题,注意转义字符。