首先，我們來(lái)回顧下前兩章講的內(nèi)容 ：第一章講了使用JDash.Net添加組件、第二章講了設(shè)置SQL Server Providers。下面將向大家介紹如何使用Dashlet編輯器創(chuàng)建dashlet。

步驟一

使用解決方案瀏覽器窗口，選擇項(xiàng)目，然后右鍵。創(chuàng)建一個(gè)名為JDash的庫(kù)，并在里面創(chuàng)建Dashlets庫(kù)。我們建議大家為庫(kù)選擇另外的名字命名。

步驟二

選擇Dashlets庫(kù)，右鍵找到" Add New Item"對(duì)話(huà)框，將 HtmlDashlet.ascx和HtmlDashletEditor.ascx 兩個(gè)Asp.Net用戶(hù)組件添加到Dashlets庫(kù)。

步驟三

按自己的喜好布置這些組件。本文教程講布置Html Dashlet。

步驟四

打開(kāi)HtmlDashlet.ascx并拖拽Asp.Net Literal組件。

步驟五

按照下面的代碼，布置Dashlet。此步驟會(huì)讓用戶(hù)獲得html配置值集并渲染它。

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

namespace HelloWorld.JDash.Dashlets
{
public partial class HtmlDashlet : System.Web.UI.UserControl
{
private DashletContext context;

[JEventHandler(JEvent.InitContext)]
public void InitContext(object sender, JEventArgs args)
{
this.context = args.Event.Parameters.Get<DashletContext>("context");
}

public override void DataBind()
{
var htmlString = context.Model.config.Get<string>("html", "");
htmlLit.Text = htmlString;
context.RenderDashlet();
base.DataBind();
}
}
}

步驟六

打開(kāi)HtmlDashletEditor.ascx。使用工具箱、 JDash標(biāo)簽，拖拽DashletTitleEditor和DashletStylesList，最后添加Textbox。HtmlDashletEditor.ascx應(yīng)該如下設(shè)置：

<jdash:DashletTitleEditor ID="DashletTitleEditor1" runat="server" /> 
<jdash:DashletStylesList ID="DashletStylesList1" runat="server" /> 
<asp:TextBox ID="htmlInput" runat="server" Rows="5" TextMode="MultiLine">
</asp:TextBox>

步驟七

布置Dashlet編輯器：

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

namespace HelloWorld.JDash.Dashlets
{
public partial class HtmlDashletEditor : System.Web.UI.UserControl
{
DashletContext context = null;

public override void DataBind()
{
htmlInput.Text = context.Model.config.Get<string>("html", "");
base.DataBind();
}

[JEventHandler(JEvent.InitContext)]
public void InitContext(object sender, JEventArgs args)
{
this.context = args.Event.Parameters.Get<DashletContext>("context");
}

[JEventHandler(JEvent.ValidateDashletEditor)]
public void ValidateDashletEditor(object sender, JEventArgs args)
{
context.Model.config["html"] = htmlInput.Text;
context.SaveModel();
context.DashletControl.DataBind();
}
}
}

步驟八

 注冊(cè)Dashlet。選擇ResourceManager。使用智能標(biāo)簽組件打開(kāi)Management Portal，這是一個(gè)定義Dashlet的應(yīng)用程序。

步驟九

點(diǎn)擊" Dashlet Modules"，創(chuàng)建一個(gè)新的。下圖示例創(chuàng)建了：標(biāo)題、用戶(hù)組件路徑、編輯組件路徑。

體驗(yàn)版免費(fèi)下載：JDash.Net