我正在使用MVC3开发 weyb 应用程序。我想使用打印机打印MVC 视图。这是我的代码。
控制器
public ActionResult Index()
{
CustomerList custList = CreateCustomerList();
string url = string.Format("{0}://{1}{2}", Request.Url.Scheme, Request.Url.Authority, Url.Content("~"));
custList.ImageUrl = url + "Content/report.jpg";
return View("PrintDemo",custList);
}
private CustomerList CreateCustomerList()
{
return new CustomerList()
{
new Customer { Id = 1, Name = "Peter", Address = "St.Los", Place = "USA" },
new Customer { Id = 2, Name = "Fred", Address = "Flink 9a", Place = "Rotterdam" },
new Customer { Id = 3, Name = "Sjonnie", Address = "Paternatenplaats 44", Place = "Enkhuizen" },
new Customer { Id = 4, Name = "Henk", Address = "Wakerdijk 74", Place = "Utrecht" },
new Customer { Id = 5, Name = "Klaas", Address = "Paternatenplaats 44", Place = "Plaantan" },
new Customer { Id = 6, Name = "Andre", Address = "Wolbrantskerkweg 90B ", Place = "Los Angeles" },
new Customer { Id = 7, Name = "Pieter", Address = "Sam van Houtenstraat 191H", Place = "Emmen" },
new Customer { Id = 8, Name = "Sjohn", Address = "Polostraat, M. 103-II", Place = "Kantens" },
new Customer { Id = 9, Name = "John", Address = "Paternatenplaats 44", Place = "Leiden" },
new Customer { Id = 10, Name = "Bruin", Address = "Anthony Spatzierhof 9", Place = "Maasbracht" },
new Customer { Id = 11, Name = "Sjonnie", Address = "Van Heuven Goedhartlaan 201", Place = "Potters" },
new Customer { Id = 12, Name = "Lumunon", Address = "Paternatenplaats 44", Place = "Utrecht" },
new Customer { Id = 13, Name = "Friese", Address = "Burgemeester Roellstr 243-4", Place = "Rotterdam" },
new Customer { Id = 14, Name = "Hudephol", Address = "Bilhamerstraat 4", Place = "Vlaardingen" },
new Customer { Id = 15, Name = "Postema", Address = "Mastbos 77", Place = "Schiedam" },
new Customer { Id = 16, Name = "Scharn", Address = "Marius Bauerstraat 123", Place = "Dordrecht" },
new Customer { Id = 17, Name = "Wagenmakers", Address = "Pieter Postsingel 16", Place = "Ede" },
new Customer { Id = 18, Name = "Gedikli", Address = "Burgemeester Hogguerstr 283", Place = "Twello" },
new Customer { Id = 19, Name = "Zwollo", Address = "Meervalweg 140", Place = "Terschelling" },
new Customer { Id = 20, Name = "Sjonnie", Address = "Ruys de Beerenbrouckstr 79A", Place = "Ter Aar" },
new Customer { Id = 21, Name = "Schimmelmann", Address = "Ritzema Bosstraat 28-2", Place = "Vierenman" },
new Customer { Id = 22, Name = "Makhlouf", Address = "Ln vd Helende Meesters 12", Place = "Eindhoven" },
new Customer { Id = 23, Name = "Meyer", Address = "Burgemeester v Leeuwenln 79H", Place = "Breda" },
};
}
这是我的看法
@using MvcReportGeneratorDemo.Models
@model CustomerList
@{
<script type="text/javascript">
function PrintDiv() {
var divToPrint = document.getElementById('printarea');
var popupWin = window.open('', '_blank', 'width=auto,height=auto,location=no,left=200px');
popupWin.document.open();
popupWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</html>');
popupWin.document.close();
}
</script>
}
<div id="printarea">
<br/>
<img src="@Model.ImageUrl" width="64" height="64" />
<br/>
<table cellpadding="3" cellspacing="3">
<tr border="1" bgcolor="#777777" color="#ffffff">
<td width="20%" align="center">
Name
</td>
<td width="50%" align="center">
Address
</td>
<td width="30%" align="center">
Place
</td>
</tr>
@{
var OddColor = "#DDEEEE";
var evenColor = "#EEFFFF";
var Odd = OddColor;
}
@foreach (Customer customer in Model)
{
<tr border="1" bgcolor="@Odd">
<td>@customer.Name
</td>
<td>@customer.Address
</td>
<td>@customer.Place
</td>
</tr>
if (Odd == OddColor)
{
Odd = evenColor;
}
else
{
Odd = OddColor;
}
}
</table>
当我运行此代码时,它会以颜色格式显示我的表格。如下
但是当我打印它时,它不会显示彩色行。它不显示彩色标题。我该怎么做才能显示颜色?