永利最大(官方)网站

首先，我们来回顾下前两章讲的内容 ：第一章讲了使用JDash.Net添加组件、第二章讲了设置SQL Server Providers。下面将向大家介绍如何使用Dashlet编辑器创建dashlet。

步骤一

 使用解决方案浏览器窗口，选择项目，然后右键。创建一个名为JDash的库，并在里面创建Dashlets库。我们建议大家为库选择另外的名字命名。

步骤二

 选择Dashlets库，右键找到" Add New Item"对话框，将 HtmlDashlet.ascx和HtmlDashletEditor.ascx 两个Asp.Net用户组件添加到Dashlets库。

步骤三

按自己的喜好布置这些组件。本文教程讲布置Html Dashlet。

步骤四

打开HtmlDashlet.ascx并拖拽Asp.Net Literal组件。

步骤五

按照下面的代码，布置Dashlet。此步骤会让用户获得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();
}
}
}

步骤六

 打开HtmlDashletEditor.ascx。使用工具箱、 JDash标签，拖拽DashletTitleEditor和DashletStylesList，最后添加Textbox。HtmlDashletEditor.ascx应该如下设置：

<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();
}
}
}

步骤八

 注册Dashlet。选择ResourceManager。使用智能标签组件打开Management Portal，这是一个定义Dashlet的应用程序。

步骤九

 点击" Dashlet Modules"，创建一个新的。下图示例创建了：标题、用户组件路径、编辑组件路径。

体验版免费下载：JDash.Net