如何在web 表中添加下拉列表

首先我们来创建一个包含组的 表。

我使用了FastReport.Net交付的nwind.xml数据库。这次我们只需要一张表单 – 产品,就够了。

表模板由五个带区组成:

  • 表标题;
  • 组头;
  • 数据;
  • 组footer;
  • 页面footer。

如何在web 表中添加下拉列表

在数据带中,我们放置字段:Products.ProductNameProducts.UnitPrice

在组头中,我们将显示产品名称的首字母:

[[Products.ProductName].Substring(0,1)]

双击GroupHeader带区。

如何在web 表中添加下拉列表

排序已禁用。

如何在web 表中添加下拉列表

选择按产品名称排序。

在数据窗口中,新添加一个“Total”:

如何在web 表中添加下拉列表

至于函数,我们使用“Count”:

如何在web 表中添加下拉列表

下拉列表通常会有一个“加 ”,表示该组已折叠。当列表展开时,图标变为“减 ”。为了实现这个,我们使用CheckBox组件。将其放在组头旁边:

如何在web 表中添加下拉列表

在添加的对象的属性中,更改CheckedSymbol,选择加 。而对于UncheckedSymbol,请选择减 。

现在,为CheckBox对象和右侧的文本字段,设置超链接属性:

如何在web 表中添加下拉列表

在自定义选项卡上,设置表达式:

[Products.ProductName].Substring(0,1)

现在是时候写一丢丢代码了。我们选择GroupHeader带区。在属性查看器中,选择“Events”选项卡,找到 BeforePrint 事件并双击它,在处理句柄中添加以下代码:

string groupName = ((String)Report.GetColumnValue("Products.ProductName")).Substring(0, 1);//Gets group name bool groupVisible = expandedGroups.Contains(groupName);//Check the group visibility Data1.Visible = groupVisible;// Sets a data visibility according with group visibility GroupFooter1.Visible = groupVisible;// Sets the group footer visibility according with group visibility CheckBox1.Checked = !groupVisible;//Sets the checkbox condition according with group visibility

现在创建一个可见组的列表。之后会派上用场:

private List<string> expandedGroups = new List<string>();

让我们回到 表页面。选择CheckBox对象。在属性查看器中,我们切换到“事件”并通过双击创建“点击”的处理句柄。

string groupName = (sender as CheckBoxObject).Hyperlink.Value; // Gets group name from hyperlinkif (expandedGroups.Contains(groupName)) //If the list of visible groups contains selected group expandedGroups.Remove(groupName); // Then delete selected group from the list of visible groups else expandedGroups.Add(groupName); //Else add group to list of visible groups Report.Refresh(); //Refresh the report

表已经就绪。我们接着创建一个Web应用程序。

我使用的是ASP.Net MVC项目。

在Reference中添加astReport.Net提供的FastReport.dll和FastReport.Web.dll。

在HomeController中,添加以下代码:

添加库:

using FastReport.Web;using System.Web.UI.WebControls;public ActionResult Index() {WebReport webReport = new WebReport();webReport.Height = Unit.Percentage(100);webReport.Width = Unit.Percentage(100);string report_path = "J:\Program Files (x86)\FastReports\FastReport.Net\Demos\Reports\";System.Data.DataSet dataSet = new System.Data.DataSet();dataSet.ReadXml(report_path + "nwind.xml");webReport.Report.RegisterData(dataSet, "NorthWind");webReport.Report.Load(report_path + "InteractiveDrillDown.frx"); ViewBag.WebReport = webReport;return View(); }

我们逐行分析一下:

  1. 创建一个Web 表对象实例;
  2. 将Web 表的高度设置为100%;
  3. 将Web 表的宽度设置为100%;
  4. 设置 表目录;
  5. 创建一个数据源;
  6. 将数据库加载到源代码中;
  7. 将数据源注册到 表中;
  8. 加载 表;
  9. 将 表传递到视图。
@{ ViewBag.Title = "Home Page";}@ViewBag.WebReport.GetHtml()

在_Layout.cshtml文件中添加脚本和样式:

<head>@WebReportGlobals.Scripts()@WebReportGlobals.Styles()</head>

在View文件夹的Web.config文件中,我们添加命名空间:

<namespaces> <add namespace="FastReport" /> <add namespace="FastReport.Web" /> </namespaces>

在项目的根目录下的Web.config文件中,添加句柄:

<system.webServer> <handlers> … <add name="FastReportHandler" path="FastReport.Export.axd" verb="*" type="FastReport.Web.Handlers.WebExport"/> </handlers> </system.webServer>

现在运行Web应用程序:

如何在web 表中添加下拉列表

如你所见,当你点击加 或组头时,它将会展开。在这种情况下,加 变为负 。当你再次点击组头或减 时,则组会折叠。以上。

产品介绍 | 下载试用 | 优惠活动 | 在线客服 | 联系Elyn

 

推荐阅读
  • FastReport VCL 表控件开发者手册
  • Fastreport.Net用户手册
  • FastReport.Net教程2017(持续更新中···)
  • FastReport Online Designer教程2017(持续更新中···)
  • 表教程2017(持续更新中···)
  • FastReport.Net v2018.1版本更新已经发布!

FastReport 2018 最新版本下载
标签: 表专家 表解决方案 表.NET 表控件 表设计 表引擎

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2017年11月18日
下一篇 2017年11月18日

相关推荐

发表回复

登录后才能评论