接下來我們將創建一個Dashboard管理頁面。在此之前，我們回顧下前面所講的內容： 第一章講了使用JDash.Net添加組件，第二章講了設置SQL Server Providers，第三章講創建Dashlet 。

步驟一

使用項目參考窗口添加參考JDash.dll，我們可以在安裝目錄找到（默認為C:\Program Files\Kalitte\JDash\Bin directory）。

步驟二

添加新Asp.Net頁面到你的項目中，例如：ManageDashboards.aspx。使用該頁可以創建、瀏覽dashboards。

步驟三

在頁面拖動Asp.Net Textbox、 Button、Repeater控件。該頁列出現階段的dashboards，并允許用戶點擊dashboards查看。具體可以看下面的代碼:

<form id="form1" runat="server">
<div>
<asp:TextBox ID="dashTitle" runat="server"></asp:TextBox>
<asp:Button ID="createBtn" runat="server" Text="Create Dashboard" OnClick="createBtn_Click" /><br />
<asp:Label Text="Dashboards" runat="server" /><br />
<asp:Repeater runat="server" id="listRepeater">
<ItemTemplate>
<asp:HyperLink runat="server" Target="_blank" Text='<%# Eval("title") %>' NavigateUrl='<%# string.Format("/DisplayDashboard.aspx?id={0}", Eval("Id")) %>'></asp:HyperLink> <br />
</ItemTemplate>
</asp:Repeater>
</div>
</form>

步驟四

頁面加載成尋綁定當前dashboards至repeater。代碼如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using JDash;
using JDash.Models;

...

protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
listRepeater.DataSource = JDashManager.Provider.SearchDashboards().data;
listRepeater.DataBind();
}
}

步驟五

點擊處理程序按鈕，創建新dashboard，代碼如下：

protected void createBtn_Click(object sender, EventArgs e)
{
var newDashboard = new DashboardModel()
{
title = dashTitle.Text
};
JDashManager.Provider.CreateDashboard(newDashboard);
listRepeater.DataSource = JDashManager.Provider.SearchDashboards().data;
listRepeater.DataBind();
}

體驗版免費下載：JDash.Net