MVC后台传送一个动态的datatable给前台接收
2018-01-03 15:53
435 查看
后台controller
public actionresult table(string mo)
{
DataTable dt = new DataTable("Data");
string colNo = "No";//固定栏位
string colSN = "SN";//固定栏位
dt.Columns.Add(colNo);
dt.Columns.Add(colSN);
...
....
...//根据MO查询出来数据储存到table中去,数据解析出来可能会出现不同的栏位
DataRow dr_CPU = dt.NewRow();//新增三行
DataRow dr_CPI = dt.NewRow();
DataRow dr_CPK = dt.NewRow();
dr_CPI[colSN] = "CPI";//新增到SN列下面
dr_CPU[colSN] = "CPU";
dr_CPK[colSN] = "CPK";
Session["DataTable"] = dt;
return View(dt);
}
如下为命名为table.cshtml的view
@model System.Data.DataTable //接收类型为DataTable
<table id="table11" style=" text-align:center;border-collapse:collapse;width:auto" border="1" >
<tr style="font-size:14px;font-weight:bold;background-color:#dcc549">
@foreach (var col in Model.Columns)
{
<td>@col</td>
}
</tr>
@foreach (System.Data.DataRow item in Model.Rows)
{
<tr>
@foreach (var rows in item.ItemArray)
{
if (item.ItemArray[1] == "CPK") //设置CPK栏位的样式,如果识别出栏位为CPK,则字体加粗
{
<td @Html.Raw("style='font-size:14px;font-weight:bold;'")>@rows</td>
}
else
{
<td @Html.Raw("style='font-size:10px;'")>@rows</td>
}
}
</tr>
}
</table>
关于Html.Raw自己的见解
@{
var a = "<script>alert('测试成功')</script>";
}
<html>
<body>
<p>
@Html.Raw(a)
</p>
</body>
</html>
点击测试可以弹出提示框,测试成功
public actionresult table(string mo)
{
DataTable dt = new DataTable("Data");
string colNo = "No";//固定栏位
string colSN = "SN";//固定栏位
dt.Columns.Add(colNo);
dt.Columns.Add(colSN);
...
....
...//根据MO查询出来数据储存到table中去,数据解析出来可能会出现不同的栏位
DataRow dr_CPU = dt.NewRow();//新增三行
DataRow dr_CPI = dt.NewRow();
DataRow dr_CPK = dt.NewRow();
dr_CPI[colSN] = "CPI";//新增到SN列下面
dr_CPU[colSN] = "CPU";
dr_CPK[colSN] = "CPK";
Session["DataTable"] = dt;
return View(dt);
}
如下为命名为table.cshtml的view
@model System.Data.DataTable //接收类型为DataTable
<table id="table11" style=" text-align:center;border-collapse:collapse;width:auto" border="1" >
<tr style="font-size:14px;font-weight:bold;background-color:#dcc549">
@foreach (var col in Model.Columns)
{
<td>@col</td>
}
</tr>
@foreach (System.Data.DataRow item in Model.Rows)
{
<tr>
@foreach (var rows in item.ItemArray)
{
if (item.ItemArray[1] == "CPK") //设置CPK栏位的样式,如果识别出栏位为CPK,则字体加粗
{
<td @Html.Raw("style='font-size:14px;font-weight:bold;'")>@rows</td>
}
else
{
<td @Html.Raw("style='font-size:10px;'")>@rows</td>
}
}
</tr>
}
</table>
关于Html.Raw自己的见解
可以将带有Html标签的字符串,转换成Html标签输出
@{var a = "<script>alert('测试成功')</script>";
}
<html>
<body>
<p>
@Html.Raw(a)
</p>
</body>
</html>
点击测试可以弹出提示框,测试成功
相关文章推荐
- MVC 后台DataTable 前台遍历
- 在后台把DataTable组织成JSON,送到前台动态填充UltraWebGrid
- java后台向前台传一个list,前台接收报错
- MVC C#在后台接收一个气象台Json,在前台可以弹出json中所有的数据,但是现在想获取气象Json中每一个对象
- spring mvc @InitBinder(前台ajax传过来的json字符串后台无法接收)
- 后台传JSON,前台动态生成一个下拉框
- 前台传递一个时间字符传,后台怎么用Date类型接收?
- 【公司动态添加行】前台穿一个json的字符串到后台,并解析
- ASP.NET MVC前台js发送数组,后台用数组接收
- 前台接收后台传的json,json中value的值为一个数组
- 通过ajax ------后台为前台动态生成html标签,并将后台数据传输到前台(传参)
- go语言form表单提交以及后台如何接收并返回做一个简单的解释
- mybatis前台传给带年月日时分秒的数据给后台,后台接收不到时分秒
- 后台配置前台动态显示图片——善良公社
- ASP.NET MVC中,后台向前台传递多个对象(表)的方法
- ASP.NET中MVC从后台控制器传递数据到前台视图的方式
- 前台列表动态显示后台数据并链接查询
- 技术总结:关于JS执行前台和后台顺序的.另外一个是前后和后台变量的交互的.
- MVC后台创建Json(List)前台接受并循环读取实例
- spring mvc @ModelAttribute 接收前台参数问题