本章节是此次.Net图表开发工具JDash.Net教程的最后一章，我们讲解如何为DisplayDashboard.aspx添加设计功能。

步骤一

打开DisplayDashboard.aspx文件，添加一个更新面板和Repeater。 Repeater将会被用于将dashlet模版列表，用户点击dashlet模版可以将它添加到dashboard中。

请注意：DashboardView的UserDesignMode属性已变更。

代码：

<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<jdash:ResourceManager ID="ResourceManager1" runat="server" />
<asp:UpdatePanel runat="server">
<ContentTemplate>
<asp:Repeater runat="server" id="modulesList" OnItemCommand="modulesList_ItemCommand">
<ItemTemplate>
<asp:LinkButton runat="server" Text='<%# Eval("title") %>' CommandArgument='<%# Eval("id") %>'></asp:LinkButton>
</ItemTemplate>
</asp:Repeater>
</ContentTemplate>
</asp:UpdatePanel>
<jdash:DashboardView ID="myDashboard" UserDesignMode="full" runat="server" />
</div>
</form>

步骤二

在页面加载处理程序中，使用查询字符串参数得到DashboardView组件加载dashboard的ID，dashlet模版已经与repeater绑定。

代码：

protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack && !string.IsNullOrEmpty(Request.QueryString["id"]))
{
myDashboard.DashboardId = Request.QueryString["id"];
myDashboard.DataBind();
modulesList.DataSource = JDashManager.Provider.SearchDashletModules().data;
modulesList.DataBind();
}
}

步骤三

最后一步是创建一个dashlet，代码如下：

protected void modulesList_ItemCommand(object source, RepeaterCommandEventArgs e)
{
var moduleId = e.CommandArgument.ToString();
var module = JDashManager.Provider.GetDashletModule(moduleId);
var newDashlet = new DashletModel(module);
myDashboard.CreateDashlet(newDashlet);
}

操作完成之后，JDash.Net框架会自动管理，你可以很方便创建你想要的dashlets。

下载JDash.Net：>>点击这里<<

所有教程一览：

• .Net图表开发工具JDash.Net使用教程：添加组件
• .Net图表开发工具JDash.Net使用教程：设置SQL Server Providers
• .Net图表开发工具JDash.Net使用教程：创建Dashlet
• .Net图表开发工具JDash.Net使用教程：创建dashboard
• .Net图表开发工具JDash.Net使用教程：展现及设计Dashboard