您的位置:首页 > 其它

.Net图表开发工具JDash.Net创建Dashlet

2013-12-24 14:07 471 查看
首先,我们来回顾下前两章讲的内容 :第一章讲了使用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",创建一个新的。下图示例创建了:标题、用户组件路径、编辑组件路径。



原文地址:http://www.evget .com/article/2013/11/14/20053.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: